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

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


<style> #navcontainer { float:left; width:100%; background:#0050A0; font: bold 12pt Arial; line-height:normal; border-bottom:1px solid #005808; border-top:1px solid #005808; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #005808; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #fff; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #fff; background-color: #84007A; } </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>

Αλλάξτε τους συνδέσμους που έχω μαρκάρει με πράσινο χρώμα με τους δικούς σας.
Αλλάξτε τους τίτλους των σελίδων που έχω μαρκάρει με κίτρινο χρώμα με τους δικούς σας.

Αλλάξτε τα χρώματα κειμένου, επιλεγμένου κειμένου, border και backround που έχω μαρκάρει με γαλάζιο χρώμα με τα δικά σας και είστε έτοιμοι. Δείτε πως θα φαίνεται το μενού στο DEMO BLOG μου εδώ.

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.