How to create Vertical Navigation Bar Using html and css

Image result for VERTICAL NAV BAR

COPY THE CODE

<!DOCTYPE html>
<html>
<head>
<style>
ul{

list-style-type:none;
margin:0;
padding:0;
width:200px;
background-color:red;
text-transform:uppercase;
}


li>a{
display:block;
color:black;
padding:8px 17px;
text-decoration:none;
}


li>a:hover{
background-color:#555;
color:white;
}


</style>
</head>
<body>

<h2>How to create Vertical Navigation Bar</h2>

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Facebook</a></li>
  <li><a href="#about">Youtube</a></li>
</ul>

</body>
</html>

Comments

Post a Comment

What do you think about this post?

You share share your ideas and add your own conclusion in the comment box.

Popular posts from this blog

Make Your Own Evil USB

Image
  Recently, someone asked how to make your own “Evil USB,” and I promised to make a how-to on this topic. In addition, it would be nice to have something related on our WonderHowTo world. So here it is! Introduction Most common USB flash drives are exploitable due to the “BadUSB” vulnerability. This allows us hackers to reprogram the microcontroller in them to act as a human interface device (HID), e.g., a keyboard, and perform custom keystrokes on our target machine. This scenario is often called an “HID Payload Attack,” since you have to hand over your script to the Bad USB for the execution (more on that later). Even though almost every USB flash drive is exploitable, the only released reprogramming method is for “Phison” microcontrollers. In this tutorial, we are going to determine the microcontroller of your USB flash drive, compile the source code published in GitHub for the tools we need, and move over to building a custom firmware with an embedded HID payload that will turn...
Read more

How to Insert, Copy and Delete Slides in MS PowerPOint XP

MS PowePoint XP is a handy application which was developed for creating slideshows and presentations. In this tutorial you will learn how to open a presentation, inserting, copying and deleting a slide.  Opening a Presentation: Presentations can be opened quickly if you have saved them previously using the task pane. In order to open a presentation you need to follow these simple steps. 1 st  of all start PowerPoint. In the task pane under the Open a Presentation option click the presentation which you need to open. You can also opt for an alternative way. Go to the File menu and select Open. ( File>Open.) Now navigate to the file which you need to open. Inserting a New Slide: Once the new slide is created you would want to add more slides in your presentation and for that you need to follow these simple steps. Click Insert>New Slide. ( Press Ctrl+M from your keyboard. ) Move the arrow pointer over the layouts or opt for the scroll bar and sel...
Read more

Capture Keystrokes & Passwords Remotely

Image
  Using a keylogger to intercept keys pressed on an infected computer can circumvent encryption used by email and secure chat clients. The collected data can often reveal usernames, passwords, and potentially compromising and private information which hackers abuse for financial gain. Once a hacker has created a payload and established a backdoor on the target computer of their choice, they have the full power of Metasploit to help them perform whatever post-exploitation attacks needed to get what they want. If it’s your computer, they could capture your screenshots, steal your browser passwords, recover your deleted files, and yes … see everything that you’re typing. we’ll highlight exactly how a hacker could use Metasploit to capture and collect keystrokes and passwords being entered on compromised computers, as well as what potential targets could do to prevent such an attack. Using Metasploit’s Keylogger A keylogger is a software that tra...
Read more