SIMPLE HORIZONTAL MENU




ΠΩΣ ΒΑΖΩ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΣΤΟ BLOGGER
Για να βάλουμε το οριζόντιο μενού κάτω απο τον τίτλο και τον υπότιτλο του blog μας πηγαίνουμε στην διάταξη, επιλέγουμε το αντίστοιχο κουτάκι που βρίσκεται κάτω απο τον τίτλο του blog μας και γράφει «προσθήκη gadget» το πατάμε και μέσα στο πλάισιο επικολλάμε τον παρακάτω κώδικα. Αλλάξτε τους συνδέσμους που έχω μαρκάρει με πράσινο χρώμα με τους δικούς σας. Αλλάξτε τους τίτλους των σελίδων που έχω μαρκάρει με κίτρινο χρώμα με τους δικούς σας. Αλλάξτε τους κωδικούς των χρώματων κειμένου, επιλεγμένου κειμένου, border και background που έχουν μπροστά τους το σύμβολο της δίεσης # και είστε έτοιμοι.

<style>
#navcontainer {float:left;width:100%;background:#transpartent;line-height:normal;}
ul#navlist {margin:0;padding:0;list-style-type:none;white-space:nowrap;}
ul#navlist li {float:left;font:bold 13px Arial;margin:0;padding:5px 0 5px 0;background:#333;border-top:1px solid #FBBB22;border-bottom:1px solid #FBBB22;}
#navlist a, #navlist a:link {margin:0;padding:5px;color:#FFF;border-right: 1px solid #FBBB22;text-decoration:none;}
ul#navlist li#active {color:#FFFF00;background:#105105;}
#navlist a:hover {color:#FFFF00;background:#740777;}
</style>

<div id="navcontainer"> 
<ul id="navlist"> 
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>HOME</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY ARTICLES</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY LINKS</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY PHOTOS</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY VIDEOS</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY MUSIC</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY FILES</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY FORUM</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY CHAT</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY NEWS</span></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY RSS</span ></a></li>
<li><a href=" http://the-best-widgets.blogspot.gr/"><span>MY WIDGETS</span></a></li>
</ul> </div>