Simple SlideShow

Mega Menu

PullDown menu(exei HTML)

3D icon menu

Σάββατο 9 Απριλίου 2016

Multilevel DropDown Menu

CSS MultiLevel DropDown Menu Maker

Τετάρτη 16 Δεκεμβρίου 2015

jQuery Expand/Collapse Sliding Panel




jQuery Expand/Collapse Sliding Panel


Αποτέλεσμα εικόνας για jquery-sliding-panelΈνα πολύ ωραίο μενού...



Creating CSS3 Slideout Menu


Creating CSS3 Slideout Menu #5


Creating CSS3 Slideout Menu #5CSS3 slideout menu tutorial. This is our fifth CSS3 menu. This will nice slideout menu with fading images (animated with transition effects). Make attention, that all these new effects (transitions) will work only in most fresh browsers like FF, Chrome, Safary browsers (possible in Opera too). But not in IE (transitions still not available here). I just added few hacks for IE – so menu will work here too (but not so smooth). Anyway – lets test our new menu.


Creating Style CSS3 Navigation Dropdown Menu

 Creating Style CSS3 Navigation Dropdown Menu



Creating CSS3 animated menu #8

Ενδιαφέροντα Navigation Dropdown Menu



Σάββατο 12 Δεκεμβρίου 2015

Create a "Sticky" Floating Navigation Menu

How To Create a "Sticky" Floating Navigation Menu in Blogger

Are you tired of your laborious Navigation bar and would desire to refurbish it with something that could amuse your visitor? Navigation bar is deliberated as the core element of a website because it represents the complete outlook of a website. Navigation bar has most prominent information about that helps users to navigate throughout the website. As we all are well aware that Navigation bar appears at the top of a website, so users have to scroll back to top in order to navigate to different pages. Furthermore, probabilities are bit high that users might get frustrated and straightaway leave your website. For that reason, it is crucial to have a “Sticky” Navigation bar that floating along whenever someone Scroll up or down the page. In This Article, we will Learn How To Create a Floating “Sticky” Navigation bar in Blogger. 



Κυριακή 29 Νοεμβρίου 2015

Animated Horizontal Sliding Navigation Menu With Images

Horizontal Drop Down Menu With CSS & HTML

17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes

 Add drop down menu in blogger you need is just a little bit of CSS and HTML code and put that code at the right place in your blog and done.Here is a list of 17+ Horizontal CSS Drop down menus.May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages,for it to post this time I tried to give a mild solution of horizontal CSS drop down menus.adding drop down menus in blogger can benefit your readers to find out the intended Posts of the blog with ease.so lets start now introducing the menus one bye one, whichever you like just copy code and paste the code.
 
 Note: You can paste both codes in a HTML/JavaScript as Gadget.To do this simply add the CSS code between <style>......</style> and thats it.

Παρασκευή 27 Νοεμβρίου 2015

Sliding Side Bar Menu

Side Bar Menu Using Mootools

Show- hide, Smooth sliding and sexy. Menu bar with javascript and mootools. This post explains how to add Sexy Sliding JavaScript Side Bar Menu Using Mootools Widget on his blog that looks good on your blogspot blog.Be effective CSS vertical menu with show / hide uses MooTools to show / hide the menu with a vertical slide-in/slide-out nice effect.

About MooTools: "MooTools is a compact, modular, Object-Oriented JavaScript framework designed for intermediate to advanced JavaScript developer. It lets you write powerful, flexible, cross-browser code with its elegant API, well documented and consistent. ".
MooTools Home: Home Mootools.


Simple and Multicolor Menu

menu for blogger  Εδω βάζουμε ένα απλό Μενού (για την Sidebar), και ένα όμορφο, πολύχρωμο Μενού σαν Menu Bar στο μπλόγκ μας.

 

Create Pages from Labels

How to Create Pages on Blogger and Link Them With Labels

Labels On blogger help you organize your post into the appropriate category such that related post are found in a particular label. Your post can also appear in Search engines depending on your labels. The pages on your blog brings easier navigation through it. To create Pages on Blogger and Link them With Labels, you should have labels attached to each of your post.

Τετάρτη 25 Νοεμβρίου 2015

Vertical Drop Down Menu

One of my loyal reader asked me for a vertical drop down menu so that by keeping my word today I am sharing a vertical drop down with using the script of ddsmoothmenu.This menu is highly customizable so that you can easily customize this menu and create your own style which suits to your blog,to customize it use our HTML Editor where you can see live preview of your menu when you applied the changes,also the HTML structure of this menu is damn easy and simple,no need to add any class of id you can add your links with using normal ul and li tags.

See Demo With HTML Editor

Mega Drop Down Menu

Mega drop down menu is the best menu for the sites/blog which have a lot of navigation items or links,it helps your readers to find any category easily and navigate through your site and blog.Today I am a beautiful mega drop down menu which is designed by codrops and we have bloggerized it to works perfect with a blogger blog.The installtion of the menu is easy and one step installation so that you will not face any problem while adding it to your blog,now lets see how to add it to your blog.First take a preview of menu by clicking on the green button below,

Mega Drop Down Menu Demo

Τρίτη 24 Νοεμβρίου 2015

CSS3 Animated Lavalamp Menu

CSS3 Animated Lavalamp Menu for Blogger

You may have seen animated menus. Many animated menu uses Lavalamp (a Jquery Plugin) but today we are going to make a new menu which has animation like Lavalamp but without any Javascript.

The animation will take place with the help of CSS3 Transitions. The menu we will work on is black in color. On hover it becomes darker and a arrow appears above the menu text.

New Page from Post

Δημιουργία Σελίδας στο Μενού από Ανάρτηση

Η Ανάρτηση αυτή ΕΓΙΝΕ ΣΕΛΙΔΑ στο ΜΕΝΟΥ της κεντρικής σελίδας του μπλογκ.




Automatic Vertical Menu-Submenu

ΑΥΤΟΜΑΤΟ ΚΑΘΕΤΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 2
ΑΥΤΟΜΑΤΟ ΜΕΝΟΥ
Το παρακάτω αυτόματο, έγχρωμο κάθετο μενού ενημερώνεται αυτόματα κάθε φορά που κάνετε μια νέα ανάρτηση και βάζετε σε αυτήν μία γενική ετικέτα κατηγορίας. Έχει ένα script που διαβάζει όλες τις αναρτήσεις με συγκεκριμένη γενική ετικέτα κατηγορίας που εσείς θα επιλέξετε. Κάθε κατηγορία μπορεί να έχει το δικό της στυλ, αλλά αν δεν θέλετε πολυχρωμία μπορείτε να κρατήσετε 1 στυλ για όλες τις κατηγορίες.
Αλλάξτε το πλάτος και το ύψος του μενού αλλάζοντας τα width:234px;height:16px; Αλλάξτε τη θέση που θα εμφανίζεται το υπομενου αλλάζοντας το left:251px;top:0px; Αλλάξτε το πλάτος και το ύψος του υπομενού αλλάζοντας το width:480px; height:auto; Αλλάξτε το πράσινο link του blog μου με το link του δικού σας blog και τέλος αλλάξτε και τις ετικέτες που έχω χρωματίσει με πορτοκαλί γράμματα. Το μενού μπαίνει απλά σαν ένα gadget και θα δείχνει έτσι όπως το βλέπετε παρακάτω.

ROLL DOWN MENU

ΠΩΣ ΒΑΖΩ ROLL DOWN MENU
Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadgetHTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. Μπορείτε να αλλάξετε τις κατηγορίες των συνδέσμων αντικαθιστώντας τα πορτοκαλί γράμματα. Επίσης μπορείτε να αλλάξετε και τους συνδέσμους μέσα στις κατηγορίες με τα κίτρινα γράμματα, καθώς και την περιγραφή τους με τα πράσινα γράμματα.

Το πλάτος και το ύψος του μενού το ρυθμίζετε αλλάξοντας τα γαλάζια νούμερα. Το backround του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον έχρωμο κωδικό χρώματος μετά την λέξη BACKROUNDκαι το σύμβολο #. Το χρώμα κειμένου του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον κωδικό μετά τη λέξη colorκαι το σύμβολο #. Τους κωδικούς των χρωμάτων μπορείτε να τους βρείτε στο υποσέλιδοαυτού του ιστολογίου σε ένα ειδικό widget που υπάρχει τέρμα κάτω δεξιά.

ROLL DOWN MENU ΜΕ STYLE

ΚΑΘΕΤΟ ROLL DOWN MENU ΜΕ STYLE
ROLL DOWN MENOU
Αυτό το roll down menuέχει 2 διαφορές από το προηγούμενο. Πρώτον έχει στρογγυλεμένες γωνίες και δεύτερον ανοίγει στο ίδιο παράθυρο. Πηγαίνουμε στην διάταξη του blogμας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadget HTML/JAVASCRIPTκαι επικολλάμε τον παρακάτω κώδικα. Μπορείτε να αλλάξετε τις κατηγορίες των συνδέσμων αντικαθιστώντας τα πορτοκαλί γράμματα. Επίσης μπορείτε να αλλάξετε και τους συνδέσμους μέσα στις κατηγορίες με τα κίτρινα γράμματα, καθώς και την περιγραφή τους με τα πράσινα γράμματα. 

Το πλάτος και το ύψος του μενού το ρυθμίζετε αλλάξοντας τα γαλάζια νούμερα.
Το backround του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον έχρωμο κωδικό χρώματος μετά την λέξη BACKROUNDκαι το σύμβολο #. Το χρώμα κειμένου του μενού το αλλάζετε με αυτό της αρεσκείας σας, αλλάζοντας τον κωδικό μετά τη λέξη colorκαι το σύμβολο #. Τους κωδικούς των χρωμάτων μπορείτε να τους βρείτε στο υποσέλιδο αυτού του ιστολογίου σε ένα ειδικό widget που υπάρχει τέρμα κάτω δεξιά.

3D Flipping Horizontal Menu

ΠΩΣ ΒΑΖΩ 3D ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
3D MENU
Αυτό είναι ένα τρισδιάστατο οριζόντιο μενού απλό χωρίς υπομενού και μπορείτε να το βάλετε στο ιστολόγιό σας απλά σαν gadget. Τα χρώματα αλλάζουν εκεί που υπάρχει το σύμβολο της δίεσης #. Μπορείτε να αλλάξετε τα μεγέθη των γραματοσειρών και τις αποστάσεις τα οποία έχω χρωματισμένα με γαλάζιο χρώμα. Αντικαταστήστε τα δικά μου πράσινα links και τις περιγραφές με τα πορτοκαλί γράμματα με τα δικά σας. Το πρώτο μέρος του κώδικα αν θέλετε μπορείτε να το βάλετε και μέσα στο πρότυπο πρίν την γραμμή </head>. Το μενού μπορείτε να το δείτε εδώ ακριβώς απο κάτω. ▼


Static Horizontal Menu

ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ

ΣΤΑΤΙΚΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ.
ΣΤΑΤΙΚΟ ΜΕΝΟΥ
Αυτό είναι ένα στατικό οριζόντιο μενού με υπομενού το οποίο τοποθετήται σαν gadget πάνω ακριβώς από τον τίτλο του blog σας στη θέση της navbar του blogger και είναι το ίδιο με το ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 4, αλλά με την διαφορά ότι είναι στατικό. Μπορείτε να αλλάξετε τα χρώματα αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο της δίεσης #. Το πλάτος του μενού αλλάζει εκεί που γράφει width:100% Μην ξεχάσετε να αντικαταστήσετε links μου που είναι χρωματισμένα με πράσινα γράμματα με τα δικά σας links.

ΠΑΤΗΣΤΕ ΕΔΩ ΓΙΑ ΝΑ ΔΕΙΤΕ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΤΟ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ ΜΕ ΥΠΟΜΕΝΟΥ Νο 4

Page Navigation

3D Text

O KΩΔΙΚΑΣ HTML:

3D Text ΕΔΩ ΓΡΑΨΕΤΕ ΤΟ ΚΕΙΜΕΝΟ ΣΑΣ

Marquee Text-Icons

Thomasgrm.Blogger.gr

FlashVortex Banner

Tab Widget

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 2
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 3

Tab Widget 2

ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 1
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 2
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 3
ΕΔΩ ΤΟ ΠΕΡΙΕΧΟΜΕΝΟ ΤΟΥ ΤΑΒ 4

Carousel POST SLIDER

Slideshow

  • ΑΛΟΝΗΣΟΣ-1

    ΑΛΟΝΗΣΟΣ-1

  • ΑΛΟΝΗΣΟΣ-4

    ΑΛΟΝΗΣΟΣ-4

  • ΑΛΟΝΗΣΟΣ-5

    ΑΛΟΝΗΣΟΣ-5

  • ΑΛΟΝΗΣΟΣ-11

    ΑΛΟΝΗΣΟΣ-11

  • ΣΚΙΑΘΟΣ-22

    ΣΚΙΑΘΟΣ-22

  • ΣΚΙΑΘΟΣ-23

    ΣΚΙΑΘΟΣ-23

  • ΣΚΙΑΘΟΣ-1

    ΣΚΙΑΘΟΣ-1

  • ΣΚΙΑΘΟΣ-4

    ΣΚΙΑΘΟΣ-4

  • ΣΚΙΑΘΟΣ-20

    ΣΚΙΑΘΟΣ-20

- See more at: http://gadgetsforblogs1.blogspot.gr/2015/01/slideshow-with-thumbnails.html#more

BACKGROUND SLIDER

Menu Posts Vertical - ACCORDION MENU