Simple Drop down menu (No 74) by LoneEagle.

Horizontal Menu,Οριζόντια Μενού,Horizontal JQuery Sub Navigation Menu

Ένα απλό οριζόντιο μενού με υπομενού για να τακτοποιήσετε όλες σας τις ετικέτες στο επάνω μέρος της σελίδας σας. Η χρήση του είναι css & html σε ένα συνδυασμό χρωμάτων του facebook.
Πάμε να δούμε τον τρόπο, πως θα το περάσετε στο ιστολόγιό σας.

Αφού κάνετε σύνδεση στον λογαριασμό σας στο blogger, θα πάτε στο Πίνακα ελέγχου σας & μετά >>> Διάταξη >>> Επεξεργασία HTML και θα κάνετε αναζήτηση με το Ctrl + F για το.....

]]</b:skin>

Μόλις το βρείτε & πριν από το κλείσιμο του ( δηλαδή: στην προϋγούμενη γραμμή ) ]]</b:skin> θα προσθέσετε τον παρακάτω κώδικα.

<!--Simple-Drop-down-menu-74-STARTS-Widget-by-http://loneeagle110.blogspot.com-->

#LeMenu74{ background:#3b5999; width:980px; color:#FFF; margin:0px; padding:0; position:relative; border-top:3px solid #E1E1E1; height:35px}#LEnav74{ margin:0; padding:0} #LEnav74 ul{ float:left; list-style:none; margin:0; padding:0} #LEnav74 li{ list-style:none; margin:0; padding:0; border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; height:35px} #LEnav74 li a,#LEnav74 li a:link,#LEnav74 li a:visited{ color:#FFF; display:block; font:normal 12px Helvetica,sans-serif; margin:0; padding:9px 12px 10px 12px; text-decoration:none} #LEnav74 li a:hover,#LEnav74 li a:active{ background:#627AAD; color:#FFF; display:block; text-decoration:none; margin:0; padding:9px 12px 10px 12px}#LEnav74 li{ float:left; padding:0} #LEnav74 li ul{ z-index:9999; position:absolute; left:-999em; height:auto; width:130px; margin:0; padding:0} #LEnav74 li ul a{ width:140px} #LEnav74 li ul ul{ margin:-25px 0 0 161px} #LEnav74 li:hover ul ul,#LEnav74 li:hover ul ul ul,#LEnav74 li.sfhover ul ul,#LEnav74 li.sfhover ul ul ul{ left:-999em} #LEnav74 li:hover ul,#LEnav74 li li:hover ul,#LEnav74 li li li:hover ul,#LEnav74 li.sfhover ul,#LEnav74 li li.sfhover ul,#LEnav74 li li li.sfhover ul{ left:auto} #LEnav74 li:hover,#LEnav74 li.sfhover{ position:static}#LEnav74 li li a,#LEnav74 li li a:link,#LEnav74 li li a:visited{ background:#627AAD; width:120px; color:#FFF; display:block; font:normal 12px Helvetica,sans-serif; margin:0; padding:9px 12px 10px 12px; text-decoration:none; z-index:9999; border-bottom:1px dotted #E1E1E1} #LEnav74 li li a:hover,#LEnav74li li a:active{ background:#3b5999; color:#FFF; display:block; margin:0; padding:9px 12px 10px 12px; text-decoration:none}

<!--Simple-Drop-down-menu-74-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Κάνετε αποθήκευση προτύπου & πάμε στο 2ο βήμα.....
Πίνακας ελέγχου >>> Διάταξη >>> Προσθήκη gadget >>> HTML/JavaScript

Και μέσα στο gadget βάζουμε τον παρακάτω κώδικα, χωρίς να προσθέσουμε κάτι στον Τίτλο.

<!--Simple-Drop-down-menu-74-STARTS-Widget-by-http://loneeagle110.blogspot.com-->

<div id='LeMenu74'>

<ul id='LEnav74'>

<li><a href='...your link...'>Home</a></li>

<li><a href='...your link...'>...tab 2...</a></li>

<li><a href='...your link...'>...tab 3...</a></li>

<li><a href='...your link...'>...tab 4...</a> 

<ul>

<li><a href='...your link...'>...subtab 1...</a></li>

<li><a href='...your link...'>...subtab 2...</a></li>

<li><a href='...your link...'>...subtab 3...</a></li>

<li><a href='...your link...'>...subtab 4...</a></li>

<li><a href='...your link...'>...subtab 5...</a></li>

</ul>

</li>

<li><a href='...your link...'>...tab 5...</a></li>

<li><a href='...your link...'>...tab 6...</a></li>

<li><a href='...your link...'>...tab 7...</a></li>

<li><a href='...your link...'>...tab 8...</a></li>

<li><a href='...your link...'>...tab 9...</a></li>

<li><a href='...your link...'>...tab 10...</a></li>

<li><a href='http://loneeagle110.blogspot.com/search/label/Blogger%20Help'>Blogger Help</a></li>

<li><a href='...your link...'>...tab 11...</a></li>

<li><a href='...your link...'>Contact me</a></li>

</ul>

</div>

<!--Simple-Drop-down-menu-74-STOPS-Widget-by-http://loneeagle110.blogspot.com-->

Όπου ...your link... βάζετε τον σύνδεσμο της αντίστοιχης ετικέτας ....tab 1,2,3,4,5 κτλ....
Αφού περάσετε τις ετικέτες που θέλετε κάνετε αποθήκευση & μετά από την διάταξη της σελίδας σας, παίρνεται το gadget & το τοποθετείται ακριβώς κάτω από τη κεφαλίδα σας.

Αν κρατήσετε τον σύνδεσμο Blogger Help που έχει ο παραπάνω κώδικας, ίσως δώσετε την δυνατότητα & στους επισκέπτες σας να μας μάθουν & να μπορέσουν κι αυτοί με τη σειρά τους να βελτιώσουν την σελίδα τους.

Μέσα από τις πληροφορίες που σας προσφέρουμε απλόχερα, ΧΩΡΙΣ donate, καφεδάκια, εσπρεσάκια, διαφημίσεις, Παρακάλια του τύπου... "Σας παρακαλώωωω καλέ Κύριε, κάντε "κλικ" στις λίγες διαφημισούλες μουυυυ!" Ελεήηηηηστε τον Helper... κι άλλες τέτοιες αηδίες.

Αμάν πια... κουτσοί στραβοί, ένα γαμημένο blog φτιάξατε τζάμπα (μέσω της Google) & θέλετε να πλουτίσετε.

Στο κλαρί πότε θα βγείτε????

Εμείς το ελάχιστο που μπορούμε να κάνουμε είναι να σας Ευχαριστήσουμε δημόσια εκ των προτέρων για αυτή σας την κίνηση.

Πατήστε ΑΠΟΘΗΚΕΥΣΗ κι είστε ΟΚ.

Το αποτέλεσμα:

Αν σου άρεσε το άρθρο, κοινοποίησέ το και στους φίλους σου ! ! !

Share to:

URL Of Post:

https://loneeagle110.blogspot.com/2012/12/simple-drop-down-menu-no-74-by-loneeagle.html?m=0

HTML Embed Code:

<a href="https://loneeagle110.blogspot.com/2012/12/simple-drop-down-menu-no-74-by-loneeagle.html?m=0">Simple Drop down menu (No 74) by LoneEagle.</a>

BB Forum Embed Code:

[url=https://loneeagle110.blogspot.com/2012/12/simple-drop-down-menu-no-74-by-loneeagle.html?m=0]Simple Drop down menu (No 74) by LoneEagle.[/url]

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

Παρακαλώ, την προσοχή σας ! ! !

* Εάν εντοπίσετε κάποιο πρόβλημα σε κάποια δημοσίευση (μη ενεργός συνδεσμος λ.χ. ή οτιδήποτε άλλο), παρακαλούμε κάντε τον κόπο να γράψετε στα σχόλιά σας, το οποιοδήποτε πρόβλημά σας, ώστε να προβούμε στην άμεση διόρθωσή του.
Επίσης, μπορείτε να αποστείλετε ένα "Ευχαριστώ" προς όσους ασχολήθηκαν & σας προσέφεραν ένα... κομμάτι από τη γνώση τους.

Παράκληση προς τους φίλους αναγνώστες-σχολιαστές:

* Να αποφεύγετε να γράφετε με greekglish γιατί τα σχόλιά σας ΔΕΝ θα γίνονται δεκτά.
* Αποφεύγετε το spamάρισμα στα σχόλια. - Please don't spam me!
* Σε περίπτωση που δεν έχετε καταλάβει κάτι, επικοινωνήστε μαζί μας μέσα από την φόρμα των σχολίων και θα σας απαντήσουμε σε εύλογο χρόνο, γι' αυτό ΜΗΝ καταφεύγετε στη αποστολή e-mail για τις όποιες απορίες σας.
* Χρησιμοποιήστε το Reply (που βρίσκεται κάτω από την εικόνα χρήστη), αν θέλετε να του απευθύνετε το λόγο, ή να απαντήσετε σε προυγούμενο σχόλιο.
* Το μέγιστο όριο χαρακτήρων είναι 4.096
* Τα σχόλιά σας θα δημοσιεύονται μετά τον απαραίτητο έλεγχο.

Σημείωση: Όσοι θέλετε να παίρνετε ειδοποιήσεις για τα σχόλια που κανετε, μην ξεχάσετε να τικάρετε το κουμπί "Να λαμβάνω ειδοποιήσεις"

Σας Ευχαριστούμε για την κατανόηση και την επίσκεψή σας.!

Simple Drop down menu (No 74) by LoneEagle.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!

Αν σου άρεσε το άρθρο, κοινοποίησέ το και στους φίλους σου ! ! !

Share to:

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

Τι να κάνετε για να μη χάνετε τα νέα του Στάλες στο γαλάζιο ® στο Facebook...!!!

Δείτε το βίντεο & κάντε SUBSCRIBE στο κανάλι μου...!!!

Popular Posts

Tags

Router's Pass

Μια ιστοσελίδα με τα default κλειδιά για κάθε μάρκα και μοντέλο router.

Get ever article right into your inbox.
We will ensure your privacy and can be unsubscribed anytime.

Simple Drop down menu (No 74) by LoneEagle.

ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!!!!

Αν σου άρεσε το άρθρο, κοινοποίησέ το και στους φίλους σου ! ! !

Share to:

Next

Νεότερη ανάρτηση

Previous

Παλαιότερη Ανάρτηση

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

Τι να κάνετε για να μη χάνετε τα νέα του Στάλες στο γαλάζιο ® στο Facebook...!!!

Δείτε το βίντεο & κάντε SUBSCRIBE στο κανάλι μου...!!!

Μια ιστοσελίδα με τα default κλειδιά για κάθε μάρκα και μοντέλο router.

Get ever article right into your inbox. We will ensure your privacy and can be unsubscribed anytime.

Get ever article right into your inbox.
We will ensure your privacy and can be unsubscribed anytime.