ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 1

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 1
Το παρακάτω αυτόματο, κάθετο μενού ενημερώνεται αυτόματα κάθε φορά που κάνετε μια νέα ανάρτηση και βάζετε σε αυτήν μία γενική ετικέτα κατηγορίας. Έχει ένα script που διαβάζει όλες τις αναρτήσεις με συγκεκριμένη γενική ετικέτα κατηγορίας που εσείς θα επιλέξετε. Αλλάξτε το πλάτος του μενού αλλάζοντας τo width:240px; Αλλάξτε τη θέση που θα εμφανίζεται το υπομενου αλλάζοντας το position: absolute; left: 240px;top:-5px;

Αλλάξτε το πλάτος του υπομενού αλλάζοντας το width:480px; Αλλάξτε το πράσινο link του blog μου με το link του δικού σας blog και τέλος αλλάξτε και τις ετικέτες που έχω χρωματίσει με πορτοκαλί γράμματα. Το μενού μπαίνει απλά σαν ένα gadget και θα δείχνει έτσι όπως το βλέπετε παρακάτω.

• TEXT BOXES
• BACKGROUNDS
• IMAGE EFFECTS
• ΕΝΣΩΜΑΤΩΣΕΙΣ
• ΑΣΦΑΛΕΙΑ BLOG
• ΣΥΜΒΟΥΛΕΣ SEO
• ΣΧΟΛΙΑ BLOGGER
• ON LINE ΕΡΓΑΛΕΙΑ
• FACEBOOK WIDGETS
• ΜΟΡΦΟΠΟΙΗΣΗ BLOG
• ΑΛΛΑ WIDGETS ΓΙΑ BLOGS
• ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ
• ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ MENU
• ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES
• BUTTONS & POP UP WINDOWS
• GALLERIES SLIDERS SLIDESHOWS

<style>

#navigation {font:13px Arial;width:240px;padding:0px;border: solid 1px #FFFF00;}

#navigation ul {margin:0px; padding:0px;}

ul.top-level {background:#173377;}

ul.top-level li {margin: 0;}

#navigation a {font-size:13px arial;color: #FFFFFF;cursor: pointer;display:block;width:100%;}

#navigation a:hover {font:13px Arial;text-decoration:none;}

#navigation li:hover {font:13px Arial;background: #105105;position: relative;}

ul.sub-level {display: none;}

li:hover .sub-level {display: block;position: absolute;left: 240px;top: -5px;}

ul.sub-level li {border: none;float:left;width:480px;}

#navigation .sub-level {background: #570444;border: solid 1px #FFFF00;}

</style>

<script src="https://github-codes.github.io/mycodes/javascripts/archive-page-1p.js"></script>      

<div id="navigation">

<ul class="top-level">

<li><a href="https://the-best-widgets.blogspot.gr/search/label/TEXT BOXES">TEXT BOXES</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/TEXT BOXES?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/BACKGROUNDS">BACKGROUNDS</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/BACKGROUNDS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/IMAGE EFFECTS">IMAGE EFFECTS</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/IMAGE EFFECTS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ">ΕΝΣΩΜΑΤΩΣΕΙΣ</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΕΝΣΩΜΑΤΩΣΗ ΑΡΧΕΙΩΝ?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ΑΣΦΑΛΕΙΑ BLOG">ΑΣΦΑΛΕΙΑ BLOG</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΑΣΦΑΛΕΙΑ BLOG?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/SEO">ΣΥΜΒΟΥΛΕΣ SEO</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SEO?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="http://the-best-widgets.blogspot.gr/search/label/ΣΧΟΛΙΑ BLOGGER">ΣΧΟΛΙΑ BLOGGER</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΣΧΟΛΙΑ BLOGGER?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ON LINE TOOLS">ON LINE ΕΡΓΑΛΕΙΑ</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ON LINE TOOLS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/FACEBOOK WIDGETS">FACEBOOK WIDGETS</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/FACEBOOK WIDGETS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ΜΟΡΦΟΠΟΙΗΣΗ BLOG">ΜΟΡΦΟΠΟΙΗΣΗ BLOG</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΜΟΡΦΟΠΟΙΗΣΗ BLOG?max-results=20&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/WIDGETS ΓΙΑ BLOGS">ΑΛΛΑ WIDGETS ΓΙΑ BLOGS</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/WIDGETS ΓΙΑ BLOGS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ MENU</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/SOSIAL BUTTONS">BUTTONS & POP UP WINDOWS</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SOSIAL BUTTONS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li>

<li><a href="https://the-best-widgets.blogspot.gr/search/label/SLIDESHOWS">GALLERIES SLIDERS SLIDESHOWS</a>

<ul class="sub-level">

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/-/SLIDESHOWS?max-results=30&alt=json-in-script&callback=recentpostslist"></script>

</ul></li></ul>

</div>