GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 4

ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ ΑΠΛΟ ΣΑΝ GADGET Νο 4.
Αυτό είναι ένα απλό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget κάτω ακριβώς από τον τίτλο του blog σας. Δεν θα χρειαστεί να προσθέσετε κάτι στο πρότυπο του blog σας, αλλά θα χρειαστεί να αφαιρέσετε την ενότητα TABS που βρίσκεται περίπου στις γραμμές 325-373 πέντε γραμμές πάνω ή πέντε γραμμές κάτω θα τον βρήτε ανοίγωντας το πρώτο βελάκι που θα συναντήσετε μέσα στο πρότυπο σας για να επεκταθεί το κρυμένο μέρος του κώδικα της σελίδας σας.

Η ενότητα TABS αρχίζει έτσι /* Tabs ----------------------------------------------- */ και έχει μήκος περίπου 50 γραμμές.
Πρέπει να τον διαγράψετε αν θέλετε να λειτουργήσει το gadget του οριζοντίου μενού με υπομενού που σας δίνω παρακάτω. Αφου το διαγράψετε σώστε το πρότυπό σας και πηγαίνετε στη διάταξη / προσθήκη gadget  / HTML/Javascript  και κάντε επικόλληση τον παρακάτω κώδικα. Μην ξεχάσετε να αλλάξετε τα links μου με τα δικά σας links.

ΠΑΤΗΣΤΕ ΕΔΩ ΓΙΑ ΝΑ ΤΟ ΔΕΙΤΕ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ΕΝΑ DEMO BLOG ►

<style>
#cssmenu{border-style: solid;border-color: #4EFF44;border-width: 1px;margin:0;padding:0;font:Arial;font-size:14px;font-weight:bold;width:auto}
#cssmenu ul{background:#333333;height:35px;list-style:none;margin:0;padding:0}
#cssmenu li{float:left;padding:0}
#cssmenu li a{background:#333333;display:block;font-weight:normal;line-height:35px;margin:0;padding:0 8px;border-right: 1px solid #4EFF44;text-align:center;text-decoration:none}
#cssmenu > ul > li > a{color:#FFFFFF}
#cssmenu ul ul a{color:#FFFFFF}
#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#FF1111;color:#FFFFFF;text-decoration:none}
#cssmenu li ul{background:#333333;display:none;height:auto;padding:0;margin:0;position:absolute;
width:240px; z-index:200;/*top:1em;/*left:0;*/}
#cssmenu li:hover ul{display:block}
#cssmenu li li{background:#333333;display:block;float:none;margin:0;padding:0;width:240px}
#cssmenu li:hover li a{background:#172480}
#cssmenu li ul a{display:block;height:25px;font-size:13px;font-style:normal;margin:0px;
border-left: 1px solid #4EFF44;border-right: 1px solid #4EFF44;border-bottom: 1px solid #4EFF44;padding-bottom: 6px;text-align:left}
#cssmenu li ul a:hover,#cssmenu li ul li:hover > a { background:#207907;border:0;color: #FFFFFF;text-decoration:none}
#cssmenu p{clear:left}
</style>
<div id="cssmenu">
<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><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/my-posts.html">MY POSTS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY ARTICLES-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY FILES-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY PHOTOS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY VIDEOS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY MUSIC▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY WIDGETS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY BLOGS▼</a><ul>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-1</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-2</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-3</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-4</a></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html">MY LINKS-5</a></li>
</ul></li>
<li><a href="http://the-best-widgets.blogspot.gr/p/widgets_3619.html">MY RSS</a></li>
</ul></div>

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

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

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

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