ΠΩΣ ΒΑΖΩ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ

ΠΩΣ ΒΑΖΩ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
Με τον παρακάτω απλό κώδικα μπορούμε να βάλουμε ένα απλό στατικό μενού στη θέση της navbar του blogger. Ο κώδικας μπαίνει απλά σαν gadget. Μπορείτε να αλλάξετε τα χρώματα αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης #. Το πλάτος του μενού αλλάζει εκεί που γράφει width:1500px; Η θέση του μενού μπορεί να πάει και στο κάτω μέρος του ιστολογίου αφαιρώντας το top:0px; και βάζοντας στη θέση του το bottom:0px; Μην ξεχάσετε να αντικαταστήσετε links μου που είναι χρωματισμένα με γαλάζια γράμματα με τα δικά σας links. 

ΔΕΙΤΕ ΕΔΩ ΤΟ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ENA HTML VIEWER ►

<style type="text/css">

#nav{

height:34px;

border:1px solid #FBBB22;

position:fixed;

top:0px;

left:0px;

background:#333333;

z-index:999999;}

#nav ul{

height:34px;

list-style:none;

margin:0;

width:1500px;}

#nav ul li{display:inline;float:left;margin:0;}

#nav a{

font:13px Arial;

float:left;

padding: 5px;

color:#FFFFFF;

text-decoration: none;

border:1px solid #FBBB22;

cursor: pointer;

background:#173374;

height:16px;

line-height:16px;}

#nav a:hover{background:#255720; color: #FFFFFF;}

</style>

<div id="nav">

<ul>

<li><a href='http://the-best-widgets.blogspot.gr'>HOME</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/my-posts.html'>MY POSTS</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/blog-page_3.html'>MY ARTICLES</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/blog-page_11.html'>MY LINKS</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/picasa-slideshow.html'>MY PHOTOS</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/wigdets.html'>MY VIDEOS</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/blog-page.html'>MY MUSIC</a></li>

<li><a href='http://the-best-widgets.blogspot.gr/p/widgets_26.html'>MY FILES</a></li>

</ul>

</div>