• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB CODEBERG Start.me CODEPLY WORDPRESS PASTEBIN.COM JSFIDDLE CODEPEN CODEPEN

MEGA MENU WITH COLOR HOVER BUTTONS

MEGA MENU
MEGA MENU WITH COLOR HOVER BUTTONS
Το παρακάτω mega menu έχει έγχρωμα buttons με hover effect ακόμα και στα υπομενού του και στο τέλος του έχει και sosial follow icons. Μπορεί να μπεί απλά σαν gadget στο οριζόντιο κουτάκι gadget του blogger. Αντιγράψτε τον παρακάτω κώδικα αλλάζοντας τα δικά μου links με τα δικά σας. Μπορείτε να αλλάξετε και τις διαστάσεις των υπομενού για να χωράνε τα buttons σας και εννοείται και τα χρώματα των buttons και των υπομενού.

MEGA ΑΠΕΙΡΟ ΣΤΑΤΙΚΟ MENU ΜΕ ΦΥΛΛΑ ECXEL ΚΑΙ ΣΕΛΙΔΟΔΕΙΚΤΕΣ

STATIC-MEGA-MENU
MEGA ΑΠΕΙΡΟ ΣΤΑΤΙΚΟ MENU ΜΕ ΦΥΛΛΑ ECXEL ΚΑΙ ΣΕΛΙΔΟΔΕΙΚΤΕΣ
Αυτό το μενού αποτελείται από μία σειρά έγχρωμα στατικά buttons στα οποία αν περάσετε το ποντίκι από πάνω τους ανοίγει ακριβώς από κάτω τους ένα iframe σαν μενού το οποίο μπορεί να περιέχει φύλλα excel με links, ή μία σελίδα ενός bookmark site όπως το start.me που έχω ενσωματώσει σε μερικά από αυτά τα buttons. Εννοείται ότι μπορείτε να βάλετε οτιδήποτε έχει iframe κώδικα όπως, παρουσιάσεις, βίντεο, μουσική, photo albums & galleries, έγγραφα word, excel, pdf και φόρμες με ερωτηματολόγια.

MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΕΓΧΡΩΜΑ ΥΠΟΜΕΝΟΥ

MEGA MENU
MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΕΓΧΡΩΜΑ ΥΠΟΜΕΝΟΥ
Το παρακάτω mega menu αποτελείται από έγχρωμα buttons και έγχρωμα υπομενού που περιέχουν links από 1 εώς 5-6 στήλες ανάλογα με το πλάτος ιστολογίου που διαθέτετε. Αντικαταστήστε τα γαλάζια links και τους κίτρινους τίτλους των μενού με δικά σας. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας τον 6ψήφιο αριθμό που βρίσκεται μετά το σύμβολο της δίεσης #.

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

mega menu
MEGA MENU ΜΕ ΠΟΛΥΣΤΗΛΑ ΥΠΟΜΕΝΟΥ ΚΑΙ SOSIAL ICONS.
Το παρακάτω mega menu αποτελείται από έγχρωμα buttons και έγχρωμα υπομενού που περιέχουν links από 1 εώς 5-6 στήλες ανάλογα με το πλάτος ιστολογίου που διαθέτετε. Αντικαταστήστε τα γαλάζια links και τους κίτρινους τίτλους των μενού με δικά σας. Τα χρώματα μπορείτε να τα αλλάξετε αλλάζοντας τον 6ψήφιο αριθμό που βρίσκεται μετά το σύμβολο της δίεσης #. Η θέση των υπομενού αλλάζει εκεί που γράφει position:relative;left:55px; και οι διαστάσεις των υπομενού εκεί που γράφει width:270px;

MEGA MENU ΜΕ CAROUSEL SLIDERS ΜΕΣΑ ΣΕ ΚΑΡΤΕΛΕΣ

MEGA MENU
MEGA MENOU ΜΕ CAROUSEL SLIDERS ΜΕΣΑ ΣΕ ΚΑΡΤΕΛΕΣ
Το παρακάτω mega menu περιέχει μέσα σε καρτέλες carousel sliders που το κάθε ένα μπορεί να περιέχει μέχρι τις 150 τελευταίες αναρτήσεις μιάς συγκεκριμένης ετικέτας με εικονίδιο και τίτλο ανάρτησης. Μπαίνει απλά σαν gadget στις τελευταίες θέσεις gadget της διάταξης του ιστολογίου σας για να μην αργεί να ανοίξει το blog εξαιτίας του.

MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΠΙΝΑΚΕΣ

MEGA MENU
MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΠΙΝΑΚΕΣ
Το παρακάτω mega menu αποτελείται από έγχρωμα buttons και από υπομενού που περιέχουν τα links μέσα σε πίνακες. Οι πίνακες αυτοί στο συγκεκριμένο κώδικα είναι από μία στήλη εώς 5, αλλά αν θέλετε μπορείτε να προσθέσετε και άλλες ανάλλογα με το πλάτος του ιστολογίου που διαθέτετε. Αντικαταστήστε τα γαλάζια links και τους κίτρινους τίτλους των μενού με δικά σας.

MEGA MENU No 7

MEGA MENU No 7
MEGA MENU No 7
Το παρακάτω mega menu έχει την δυνατότητα εώς και 4 στηλες συνδέσμων. Τα χρώματα αλλάζουν εάν αλλάξετε τον εξαψήφιο κωδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #. Τα υπομενού που έχουν πολλές στήλες να τα βάζετε στην αρχή του μενού γιατί ανοιγουν προς τα δεξιά. Δείτε παρακάτω σε λειτουργία το mega menu 7.

MEGA MENU No 6

MEGA MENU No 6
MEGA MENU No 6
Το παρακάτω mega menu έχει την δυνατότητα εώς και 4 στηλες συνδέσμων. Τα χρώματα αλλάζουν εάν αλλάξετε τον εξαψήφιο κωδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #. Τα υπομενού που έχουν πολλές στήλες να τα βάζετε στην αρχή του μενού γιατί ανοιγουν προς τα δεξιά. Δείτε παρακάτω σε λειτουργία το mega menu 6.

MEGA MENU No 5

MEGA MENU No 5
Για να λειτουργήσει σωστά πρέπει να σβήσετε την ενότητα /* Tabs ---------*/ που βρίσκεται μέσα στο πρότυπό σας και για να την βρείτε πρέπει να πάτε στην επεξεργασία προτύπου και να πατήσετε το πρώτο βελάκι στην γραμμή 13-15 περίπου για να επεκταθεί το κρυμένο μέρος του κώδικα. Αφού φανεί ο κρυμένος κώδικας με τα μπλέ γράμματα πηγαίνετε περίπου στις γραμμές 325-373 και σβήστε τον κώδικα της ενότητας /* Tabs ---------*/ ο οποίος τελιώνει πριν την ενότητα /* Headings ---------*/ . Μετά αντιγράψτε στη θέση του τον παρακάτω κώδικα.

MEGA MENU No 4

MEGA MENU No 4
Αυτό είναι ένα mega menu που έχει την δυνατότητα να βάλετε σε κάθε υποκατηγορία του 1-5 στήλες (και περισσότερες αν έχετε μεγάλο πλάτος). Αντιγράψτε τον παρακάτω κώδικα στο οριζόντιο gadget του blogger και αλλάξτε τα links μου με τα δικά σας links.

MEGA MENU No 3

mega-menu
MEGA MENU No 3
Το παρακάτω mega menu έχει την δυνατότητα εώς και 5 στηλες συνδέσμων και μάλιστα σε όποια διάταξη θέλουμε. Για παράδειγμα μπορούμε να έχουμε μέσα σε ένα υπομενού 2 στήλες σε κάθετη διάταξη και 2 στηλές σε οριζόντια διάταξη. Υπάρχει επίσης η δυνατότητα να ενσωματώσετε μέσα στα υπομενού, φωτογραφιες, slideshows, βίντεο, μουσική, παρουσιάσεις, φόρμες, φύλλα ecxel, έγγραφα word και pdf και γενικώς ότι έχει κώδικα και χωράει μέσα στα υπομενού μπορεί να ενσωματωθεί. Τα χρώματα αλλάζουν εάν αλλάξετε τον εξαψήφιο κωδικό χρώματος που βρίσκεται μετά το σύμβολο της δίεσης #.

MEGA MENU No 2

MEGA MENU No 2
Το mega menu No 2 μπορείτε να το δείτε σε πλήρη λειτουργία ΕΔΩ. Μπορείτε να αλλάξετε τα χρώματα του μενού και των υπομενού αλλάζοντας τους κωδικούς των χρωμάτων που προηγήται το σύμβολο #. Επίσης μποτείτε να αλλάξετε τα μεγέθη των γραματοσειρών και τις εσωτερικές και εξωτερικές αποστάσεις του μενού και των υπομενού. Τα links με τα πράσινα γράμματα πρέπει να αντικατασταθούν με δικά σας links.

MEGA MENU No 1

MEGA MENU
MEGA MENU No 1
Το παρακάτω Mega menu είναι πολύ απλό και τοποθετήται σαν gadget. Εχει την δυνατότητα να εμφανίζει σε μία καρτέλα του υπομενού του από 1 εώς 5 στήλες συνδέσμων. Μπορείτε να αλλάξετε το πλάτος και το ύψος της οριζόντιας μπάρας αλλάζοντας το width:1450px; και το height:35px; στην 10η και 12η γραμμή του κώδικα. Το μέγεθος της γραμματοσειράς το αλλάζετε στην 3η γραμμή του κώδικα εκεί που γράφει font-size:14px; Την οικογένεια της γραμματοσειράς την αλλάζετε στην 4η γραμμή εκεί που γράφει font-family:Arial;