Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

Οριζοντιο menu-μπαρα με links


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Πρόκειται για μια μπάρα-menu με links-συνδέσμους που τοποθετείται συνήθως κάτω από την επικεφαλίδα της σελίδας σας.

Εγκαθιστάται σαν απλό gadget.
 Ο κώδικας html του είναι:

<style type="text/css"> body { margin:0; padding:0; font: bold 14px Verdana; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 0px; padding: 0px 0px 0px 15px; } /*- Menu Tabs H--------------------------- */ #tabsH { float:left; width:100%; font-size:95%; line-height:normal; } #tabsH ul { margin:0; padding:0px 5px 0 0px; list-style:none; } #tabsH li { display:inline; margin:0; padding:0; } #tabsH a { float:left; background:url("tableftH.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsH a span { float:left; display:block; background:url("https://lh5.googleusercontent.com/-muwyDaV_THM/T8mHdxUM2DI/AAAAAAAAU04/BCkIxTvkWHo/h86/tabrightH.gif") no-repeat right top; padding:5px 5px 6px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsH a span {float:none;} /* End IE5-Mac hack */ #tabsH a:hover span { color:#FFF; } #tabsH a:hover { background-position:0% -42px; } #tabsH a:hover span { background-position:100% -42px; } </style> <div id="tabsH"> <ul> <li><a href="http://www.bloggertips.gr/" ><span>category 1</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 2</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 3</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 4</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 5</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 6</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 7</span></a></li> <li><a href="http://www.bloggertips.gr/" ><span>category 8</span></a></li> </ul> </div>

όπου βλέπετε http://www.bloggertips.gr/ βάζετε το δικό σας link
και όπου λέει category βάζετε το όνομα που θέλετε να εμφανίζεται.

καταλαβαίνετε πως μπορείτε να προσθέσετε ή να αφαιρέσετε κατηγορίες

αν σας άρεσε κάντε ένα like στη σελίδα μας στο facebook

 Copyrights: http://www.bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

8 comments:

Ανώνυμος είπε...

Καλησπερα παιδια, συγγνωμη αλλα τετοια αναρτηση δεν εχει ξαναανεβει; Και νομιζω παραπανω απο μια φορες!
Ειναι που ειναι ξεπερασμενες οι συγκεκριμενες μπαρες, τουλαχιστον βαλτε τες ολες μαζι σε ενα ποστ για να τις βρισκουμε ολες μαζι ευκολοτερα! ;)
Φιλικα, Μπαουλο.

Dolon είπε...

Nice post.

Papadokotsolis είπε...

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

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

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

192.168 ll είπε...

σε ευχαριστώ που μοιράστηκες. πολύ χρήσιμο

Unknown είπε...

I enjoyed over read your blog post. Your blog have nice information, I got good ideas from this amazing blog. I am always searching like this type blog post. I hope I will see again.
madalin stunt cars
slope
super mario world

pual είπε...

This article is really contains lot more information about This Topic.
unfair mario
superfighters
tank trouble

helix jump είπε...

Thankyou for makes the great blog , really im so impressive good job mate !

myslot είπε...

สล็อตxo สมัครฟรี เล่นสนุกแถมเล่นสล็อตออนไลน์ slotxo ที่นี่แล้วได้เงินจริง

https://www.slotxd.com/slotxo

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

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *