Το κάθετο μενού για τον ιστότοπο είναι μια πολύ βολική λειτουργία που βοηθά στην εξοικονόμηση χώρου και την εύκολη πλοήγηση στον πόρο. Μπορείτε να το κάνετε βασισμένο σε επικαλυπτόμενα φύλλα στυλ CSS ή χρησιμοποιώντας ειδικά εργαλεία.
Οδηγίες
Βήμα 1
Ανοίξτε τον ιστότοπο purecssmenu.com και εγγραφείτε σε αυτόν, διαφορετικά δεν θα μπορείτε να δημιουργήσετε και να κατεβάσετε το δημιουργημένο μενού. Στην αριστερή πλευρά, βρείτε το κουμπί Πρότυπα και κάντε κλικ σε αυτό. Παρακάτω θα υπάρχουν μικρά παράθυρα με κατακόρυφα πρότυπα μενού. Κάντε κλικ σε αυτά ένα προς ένα και δείτε στο παράθυρο προεπισκόπησης. Επιλέξτε το πρότυπο που ταιριάζει καλύτερα στον ιστότοπό σας.
Βήμα 2
Ορίστε τη γραμματοσειρά και το χρώμα του μενού χρησιμοποιώντας την καρτέλα Παράμετροι. Μπορείτε να επιλέξετε μια γραμματοσειρά και το μέγεθός της στο πεδίο Γραμματοσειρά. Εάν είναι απαραίτητο, προσδιορίστε την υπογράμμιση / έντονη γραφή. Ορίστε το φόντο (φόντο) του κατακόρυφου μενού στο πεδίο Χρώματα, ορίστε το χρώμα της γραμματοσειράς και το χρώμα φόντου στο δείκτη (fonthover / backgroundhover)
Βήμα 3
Μεταβείτε στο μενού Items για να διαχειριστείτε τα στοιχεία του μενού. Κάνοντας κλικ στο κουμπί Εκκαθάριση θα διαγραφούν τα δείγματα στοιχείων, ώστε να μπορείτε να δημιουργήσετε τα δικά σας. Αρκεί να κάνετε κλικ στο πλήκτρο AddItem plus για να προσθέσετε ένα στοιχείο στο τέλος του μενού. Χρησιμοποιώντας το κουμπί AddNextItem, μπορείτε να προσθέσετε ένα στοιχείο που θα ακολουθήσει μετά την τρέχουσα επιλεγμένη ώρα. Το κουμπί AddSubitem στο μενού δημιουργεί ένα ένθετο στοιχείο για το επιλεγμένο. Για να αφαιρέσετε μια γραμμή, χρησιμοποιήστε το κουμπί RemoveItem.
Βήμα 4
Ανοίξτε τις παραμέτρους στοιχείων (ItemParameters) στο κάτω μέρος του ιστότοπου. Εισαγάγετε ένα όνομα για το στοιχείο μενού στη γραμμή κειμένου και τη διεύθυνση ιστού του στο σύνδεσμο. Η γραμμή Συμβουλή είναι υπεύθυνη για την περιγραφή του στοιχείου, που εμφανίζεται όταν ο δρομέας αιωρείται πάνω από το σύνδεσμο. Η ενότητα Στόχος καθορίζει τον τρόπο ανοίγματος της σελίδας. Με την παράμετρο _self, η σελίδα μπορεί να ρυθμιστεί ώστε να ανοίγει στο τρέχον παράθυρο του προγράμματος περιήγησης.
Βήμα 5
Κάντε λήψη του έτοιμου μενού κάνοντας κλικ στο κουμπί Λήψη στο κάτω μέρος της σελίδας. Αντιγράψτε τον αντίστοιχο κώδικα που βρίσκεται στο αρχείο purecssmenu.html στο αρχείο προτύπου CSS: στην αρχή και στο τέλος. Βεβαιωθείτε ότι έχετε επικολλήσει τον σωστό κώδικα και αποθηκεύστε το αρχείο.
