ΑΥΤΟΜΑΤΟ ACCORDION MENU No 1

ΑΥΤΟΜΑΤΟ ACCORDION MENU No 1
Αυτό είναι ένα accordion menu με ένα υπομενού και αυτόματη ενημέρωση των συνδέσμων των αναρτήσεων μέσω ενός script που εμφανίζει τους τίτλους των αναρτήσεων με συγκεκριμένη ετικέτα που εσείς θα επιλέξετε. Μπαίνει απλά σαν gadget. Το πλάτος του μενού το ρυθμίζετε αλλάζοντας το width: 240px; το ύψος του αλλάζοντας το height:21px; την γραματοσειρά και το μέγεθός της τη ρυθμίζετε αλλάζοντας το font:13px arial; Το background και το χρώμα κειμένου του μενού το ρυθμίζετε αλλάζοντας το background: #173377; και το color: #FFF;

Το background του υπομενού το ρυθμίζετε αλλάζοντας το background: #333333; τρείς φορές. Τέλος το πλάτος του υπομενού το ρυθμίζετε αλλάζοντας το width:500px; δύο φορές. Πρέπει να βάλετε τις δικές σας γενικές ετικέτες αντικαθιστώντας τις δικές μου με τα πορτοκαλί γράμματα καθώς και το url του δικού σας blog αντικαθιστώντας το δικό μου με τα γαλάζια γράμματα.

TEXT BOXES ▼

BACKGROUNDS ▼

ΕΝΣΩΜΑΤΩΣΕΙΣ ▼

IMAGE EFFECTS ▼

ΑΣΦΑΛΕΙΑ BLOG ▼

ΣΥΜΒΟΥΛΕΣ SEO ▼

ΣΧΟΛΙΑ BLOGGER ▼

ON LINE ΕΡΓΑΛΕΙΑ ▼

FACEBOOK WIDGETS ▼

ΜΟΡΦΟΠΟΙΗΣΗ BLOG ▼

ΑΛΛΑ WIDGETS ΓΙΑ BLOGS ▼

ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ ▼

BUTTONS & POP UP WINDOWS ▼

ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ ▼

ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES ▼

GALLERIES SLIDERS SLIDESHOWS ▼

<style>

#accordion .item {width: 240px;height:21px;overflow:hidden;border-radius: 5px;margin-bottom: 2px;font:13px arial;}

#accordion a {display:block;background: #173377;padding:4px; color: #FFF;

text-decoration: none; font:13px arial;}

#accordion ul {background: #333333;width:500px;height: auto;padding: 4px; font:13px arial;}

#accordion div:hover {background: #333333;width:500px;height: auto; font:13px arial;}

#accordion div:hover a {background: #333333;border-bottom: 1px solid #FFFF00;font:13px arial;}

</style>

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

<div id="accordion">

<div class="item">

<a href="#">TEXT BOXES ▼</a>

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

<div class="item">

<a href="#">BACKGROUNDS ▼</a>

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

<div class="item">

<a href="#">ΕΝΣΩΜΑΤΩΣΕΙΣ ▼</a>

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

<div class="item">

<a href="#">IMAGE EFFECTS ▼</a>

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

<div class="item">

<a href="#">ΑΣΦΑΛΕΙΑ BLOG ▼</a>

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

<div class="item">

<a href="#">ΣΥΜΒΟΥΛΕΣ SEO ▼</a>

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

<div class="item">

<a href="#">ΣΧΟΛΙΑ BLOGGER ▼</a>

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

<div class="item">

<a href="#">ON LINE ΕΡΓΑΛΕΙΑ ▼</a>

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

<div class="item">

<a href="#">FACEBOOK WIDGETS ▼</a>

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

<div class="item">

<a href="#">ΜΟΡΦΟΠΟΙΗΣΗ BLOG ▼</a>

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

<div class="item">

<a href="#">ΑΛΛΑ WIDGETS ΓΙΑ BLOGS ▼</a>

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

<div class="item">

<a href="#">ΤΑΞΙΝΟΜΗΣΗ ΑΝΑΡΤΗΣΕΩΝ ▼</a>

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

<div class="item">

<a href="#">BUTTONS & POP UP WINDOWS ▼</a>

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

<div class="item">

<a href="#">ΟΡΙΖΟΝΤΙΑ ΚΑΙ ΚΑΘΕΤΑ ΜΕΝΟΥ ▼</a>

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

<div class="item">

<a href="#">ΚΥΛΙΟΜΕΝΑ LINKS TEXT IMAGES ▼</a>

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

<div class="item">

<a href="#">GALLERIES SLIDERS SLIDESHOWS ▼</a>

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