MEGA MENU ΜΕ ΠΟΛΥΣΤΗΛΑ ΥΠΟΜΕΝΟΥ ΚΑΙ SOSIAL ICONS

MEGA MENU ΜΕ ΠΟΛΥΣΤΗΛΑ ΥΠΟΜΕΝΟΥ ΚΑΙ SOSIAL ICONS.

Το παρακάτω mega menu αποτελείται από έγχρωμα buttons και έγχρωμα υπομενού που περιέχουν links από 1 εώς 5-6 στήλες ανάλογα με το πλάτος ιστολογίου που διαθέτετε. Αντικαταστήστε τα γαλάζια links και τους κίτρινους τίτλους των μενού με δικά σας. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας τον 6ψήφιο αριθμό που βρίσκεται μετά το σύμβολο της δίεσης #. Η θέση των υπομενού αλλάζει εκεί που γράφει position:relative;left:55px; και οι διαστάσεις των υπομενού εκεί που γράφει width:270px;

Ο κώδικας μπορεί να μπεί απλά σαν gadget αλλά καλύτερα είναι τo <style> να μπεί μέσα στο πρότυπό σας και τα υπόλοιπα μέσα στο κουτάκι gadget που βρίσκεται κάτω από την κεφαλίδα του blog σας.

ΔΕΙΤΕ ΤΟ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΣΕ ΑΥΤΟ ΤΟ DEMO BLOG ►

<style>

#f-box #f-box-wrap {display:none;z-index:99;padding:0px}

#f-box:hover #f-box-wrap {display:block}

#f-box:hover #f-box-wrap {position:absolute;top:30px;left:0px; z-index:999;}

</style>

hover = function() {

if (!document.body.currentStyle) return;

var DIVf-box = document.getElementById('f-box');

var DIVf-box_wrap = document.getElementById('f-box-wrap');

DIVf-box.onmouseover = function() {

DIVf-box_wrap.style.display = 'block';}

DIVf-box.onmouseout = function() {

DIVf-box_wrap.style.display = 'none';}}

window.onload = hover;

</script>

<a href="#"><button style="position:relative;float:left;width:auto;height:30px;background:#105105;color:#FFF; font:14px Arial;cursor:pointer;">MY POSTS ▼</button></a>

<span style="font:Bold 14px Arial;background:#FFFF00;color:#000;">MY POSTS</span><br/>

<a href='http://the-best-widgets.blogspot.gr/p/my-posts.html'>ΌΛΑ ΤΑ ΑΡΘΡΑ (2 στήλες μόνο τίτλοι)</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/my-posts_19.html'>ΌΛΑ ΤΑ ΑΡΘΡΑ (3 στήλες μόνο τίτλοι)</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/widgets_3619.html'>ΌΛΑ ΤΑ ΑΡΘΡΑ (μόνο τίτλοι σε καρτέλες)</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/blog-page_3.html'>MY ARTICLES (with bookmarks)</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/wigdets_31.html'>MY CODES (with bookmarks)</a><br/>

</div></div></div>

<a href="#"><button style="position:relative;float:left;width:auto;height:30px;background:#333;color:#FFF; font:14px Arial;cursor:pointer;">LABELS ▼</button></a>

<span style="font:Bold 14px Arial;background:#FFFF00;color:#000;">LABELS 1</span><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/TEXT BOXES'>TEXT BOXES</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/SLIDESHOWS'>SLIDESHOWS</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/BACKGROUNDS'>BACKGROUNDS</a><br/>

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

<a href='http://the-best-widgets.blogspot.gr/search/label/IMAGE EFFECTS'>IMAGE EFFECTS</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/ΑΣΦΑΛΕΙΑ BLOG'>ΑΣΦΑΛΕΙΑ BLOG</a><br/>

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

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

<a href='http://the-best-widgets.blogspot.gr/search/label/FACEBOOK WIDGETS'>FACEBOOK WIDGETS</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/WIDGETS ΓΙΑ BLOGS'>ΆΛΛΑ WIDGETS ΓΙΑ BLOGS</a><br/>

</div>

<span style="font:Bold 14px Arial;background:#FFFF00;color:#000;">LABELS 2</span><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/COUNTERS'>COUNTERS</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/POST SLIDER'>POST SLIDERS</a><br/>

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

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

<a href='http://the-best-widgets.blogspot.gr/search/label/CLOCKS AND CALENDARS'>CLOCKS AND CALENDARS</a><br/>

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

<a href='http://the-best-widgets.blogspot.gr/search/label/GALLERIES'>VIDEO & PHOTO GALLERIES</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/SOSIAL BUTTONS'>BUTTONS & POP UP WINDOWS</a><br/>

<a href='http://the-best-widgets.blogspot.gr/search/label/CHRISTMAS WIDGETS'>ΧΡΙΣΤΟΥΓΕΝΝΙΑΤΙΚΑ GADGETS</a><br/>

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

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

</div></div></div>

<a href="#"><button style="position:relative;float:left;width:auto;height:30px; background:#661111; color:#FFFFFF; font:14px Arial; cursor:pointer;">MY LINKS ▼</button></a>

<span style="font:Bold 14px Arial;background:#FFFF00;color:#000;">MY LINKS 1</span><br/>

<a href='http://the-best-widgets.blogspot.gr/p/blog-page_11.html'>MY LINKS-1</a><br/>

</div>

<span style="font:Bold 14px Arial;background:#FFFF00;color:#000;">MY LINKS 2</span><br/>

<a href='http://the-best-widgets.blogspot.gr/p/ranks.html'>MY LINKS-2</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/friendly-blogs.html'>MY FRIENDLY BLOGS</a><br/>

<a href='http://widgets.freeforums.net'>MY FORUM</a><br/>

</div></div></div>

<a href="#"><button style="position:relative;float:left;width:auto; height:30px; background:#115599; color:#FFFFFF; font: 14px Arial; cursor:pointer;">MY PHOTOS ▼</button></a>

<span style="font:bold 14px arial;background:#FFFF00;color:#000;">MY PHOTOS 1</span><br/>

<a href='http://the-best-widgets.blogspot.gr/p/photo-gallery-1.html'>MY PHOTO GALLERY-1</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/imgur-slideshow.html'>IMGUR SLIDESHOW</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/flickr-slideshow.html'>FLICKR SLIDESHOW</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/picasa-slideshow.html'>PICASA SLIDESHOW</a><br/>

</div>

<span style="font:Bold 14px Arial;background:#FFFF00;color:#000;">MY PHOTOS 2</span><br/>

<a href='http://the-best-widgets.blogspot.gr/p/photo-gallery-2.html'>MY PHOTO GALLERY-2</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/panoramio-slideshow.html'>PANORAMIO SLIDESHOW</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/photobucket-slideshow.html'>PHOTOBUCKET SLIDESHOW</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/widgets_859.html'>PINTEREST PHOTO GALLERY</a><br/>

</div></div></div>

<a href="#"><button style="position:relative;float:left;width:auto; height:30px; background:#740777;color:#FFF;font:14px arial;cursor:pointer;">MY VIDEOS ▼</button></a>

<a href='http://the-best-widgets.blogspot.gr/p/wigdets.html'>VIDEO GALLERY-1</a><br/>

<a href='http://the-best-widgets.blogspot.gr/p/blog-page_31.html'>VIDEO GALLERY-2</a><br/>

<a href='https://www.youtube.com/user/WIDGETSFORBLOGS'>MY VIDEOS ON YOUTUBE</a>

</div></div></div>

<a href="http://the-best-widgets.blogspot.gr/p/widgets_26.html"><button style="position:relative;float:left;width:auto; height:30px; background:#532000;color:#FFF;font:14px Arial; cursor:pointer;">MY FILES</button></a>

<a href="http://the-best-widgets.blogspot.gr/p/blog-page.html"><button style="position:relative;float:left; width:auto;height:30px; background:#FBBB22;color:#000;font: 14px Arial; cursor:pointer;">MY MUSIC</button></a>

<a href="http://the-best-widgets.blogspot.gr/p/widgets_9083.html"><button style="position:relative;float:left;width:auto;height:30px;background:#A11111;color:#FFF;font: 14px Arial; cursor:pointer;">RADIO+TV+NEWS</button></a>

Τετ	Πεμ	Παρ	Σαβ	Κυρ	Δευ

+30°	+27°	+25°	+26°	+25°	+26°
+21°	+22°	+22°	+24°	+23°	+23°

WIDGETS FOR BLOGS

SANTORINI

SANTORINI

ZAKYNTHOS

LEYKADA

KEFALLONIA

KERKYRA

RODOS

GADGETS FOR BLOGS