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

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

ΔΕΙΤΕ ΕΔΩ ΤΟ ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ΜΙΑ DEMO ΣΕΛΙΔΑ

<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>

2 σχόλια:

  1. Καλησπέρα, έχω βρει ένα καταπληκτικό template. Το εγκατέστησα, δουλεύει μια χαρά, άλλαξα και το main menu με τα θέματα που με βολεύουν ΑΛΛΑ δεν μπορώ να βάλω τις αναρτήσεις στις κατηγορίες του μενού μου, ώστε να πατάω το κουμπί κάθε κατηγορίας κ να εμφανίζονται οι αντίστοιχες αναρτήσεις.

    Ευχαριστώ εκ των προτέρων

    το blog μου ειναι: http://papasgeorge.blogspot.gr/
    κ το mail μου ειναι papas1069@gmail.com

    ΑπάντησηΔιαγραφή
  2. Εκει που βρίσκεται το σημειο της δίεσης βάλε το λινκ των αναρτήσεων της κάθε ετικέτας. Π.χ. http://papasgeorge.blogspot.gr/search/label/ΙΑΤΡΙΚΗ ή http://papasgeorge.blogspot.gr/search/label/ΤΕΧΝΟΛΟΓΙΑ ή http://papasgeorge.blogspot.gr/search/label/ΣΥΜΠΑΝ και τα λοιπά.

    ΑπάντησηΔιαγραφή