• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

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

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


<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>

3 σχόλια:

  1. Αδερφε... εισαι ΠΡΩΤΟΣ ΜΙΛΑΜΕ...Γενικα αυτα που παρουσιαζεις εδω μεσα ... δεν τα εχει κανενας..!!!
    εχω κανει ανω κατω την google για να βρω παρομοια θεματα... υπαρχουν ελαχιστα ασε που δεν δουλευουν.
    τα δικα σου ειναι ΑΠΑΙΧΤΑ και οσα εχω δοκιμασει ΔΟΥΛΕΥΟΥΝΕ ΟΛΑ...
    ΧΙΛΙΑ ΜΠΡΑΒΟΟ.!!!!

    ΑπάντησηΔιαγραφή
  2. Ανώνυμος19/3/17 11:19

    καλημερα, αν εχεις την καλωσυνη κανε κατι, διοτι δεν δουλευει!!!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Αλλαξα το link του script και τωρα λογικά πρέπει να δουλέυει παντου και παντα. Δοκίμασε και αντέγραψε εκ νέου τον κώδικα.

      Διαγραφή

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

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