Menu Bar Making By CSS
It is very Simple and easy to Make or Creating Menu Bar By CSS.Here we provide a short cut technique To Make or Creating Menu Bar By CSS.Here we also provide it in color.
Firstly you copy or write this color css code and then save it notepad.Must be or 100% you save it this format like as " Document Notepad.html " and then it run in your net connection.
you also add paragraph or headline with it like as <h1>Creating Menu Bar By CSS</h1> and <p>Creating Menu Bar By CSS</p> and above the last line of </body> </html> .
It is a Vertical Navigation Bar with color (copy or write this color css code <html> to </html>) :
<html>
<body>
<style type="text/css">
ul.menu {
list-style:none; /* removes bullets */
margin:0;
padding:0;
width:200px;
}
ul.menu li {
padding:0 0 1px 0; /* adds 1 pixel padding to bottom */
margin:0;
}
ul.menu li a:link, ul.menu li a:visited {
display:block;
border-left:10px solid #5B0000;
background-color:#9E0000;
color:#ffffff;
text-decoration:none;
padding:5px 10px;
}
ul.menu li a:hover {
background-color:#5B0000;
}
</style>
<ul class="menu">
<li><a href="#">World News</a></li>
<li><a href="#">Science</a></li>
<li><a href="#">Teachnology</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Entertainment</a></li>
</ul>
</body>
</html>
Here you see Horizontal Navigation Bar (copy or write this color css code <html> to </html>) :
<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
}
</style>
</head>
<body>
<ul>
<li><a href="#">World News</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Sci N Tech</a></li>
</ul>
</body>
</html>
Here you also see that "#" and "#" sign mentioned that here you set your menu URL and firstly 100% you changes the # sign into the your selected URL.
So no more today thanks to all for going with us..............
Best of Luck >>>>>>>>
0 comments:
Post a Comment