Πώς να φτιάξετε ένα μενού στον ιστότοπο

Πίνακας περιεχομένων:

Πώς να φτιάξετε ένα μενού στον ιστότοπο
Πώς να φτιάξετε ένα μενού στον ιστότοπο

Βίντεο: Πώς να φτιάξετε ένα μενού στον ιστότοπο

Βίντεο: Πώς να φτιάξετε ένα μενού στον ιστότοπο
Βίντεο: e me blogs Δημιουργία μενού και προσθήκη αντικειμένων στο μενού 2024, Απρίλιος
Anonim

Η τεχνολογία της πληροφορίας αναπτύσσεται καθημερινά. Και αυτό που φαινόταν να ήταν κάτι ανέφικτο στο παρελθόν, σήμερα είναι ήδη διαθέσιμο σε σχεδόν κάθε άνθρωπο του δρόμου. Και δεν είναι καθόλου απαραίτητο να έχετε υπερφυσικές ικανότητες και γνώσεις για να δημιουργήσετε τη δική σας ιστοσελίδα. Και αν μιλάμε μόνο για την προσθήκη ενός μενού στον πόρο σας, τότε ακόμη και ένας μαθητής μπορεί να το χειριστεί.

Πώς να φτιάξετε ένα μενού στον ιστότοπο
Πώς να φτιάξετε ένα μενού στον ιστότοπο

Είναι απαραίτητο

Υπολογιστής με σύνδεση στο Διαδίκτυο

Οδηγίες

Βήμα 1

Μεταβείτε στον ιστότοπο PureCSSMenu. Εδώ θα δείτε έναν οπτικό επεξεργαστή με τον οποίο μπορείτε γρήγορα και εύκολα να δημιουργήσετε ένα μενού για οποιονδήποτε ιστότοπο.

Βήμα 2

Για να μεταβείτε στη σελίδα όπου εκτίθενται πρότυπα μενού, κάντε κλικ στο κουμπί "Πρότυπα", το οποίο βρίσκεται στα αριστερά. Στη συνέχεια, πρέπει να επιλέξετε το πρότυπο που σας αρέσει και να κάνετε κλικ σε αυτό. Στο παράθυρο "Προεπισκόπηση", θα δείτε ένα πραγματικά λειτουργικό μενού, το οποίο δημιουργείται χρησιμοποιώντας φύλλα στυλ.

Βήμα 3

Περιηγηθείτε σε καθένα από τα προτεινόμενα πρότυπα για να επιλέξετε αυτό που ταιριάζει καλύτερα στον ιστότοπό σας. Εάν το χρώμα και η γραμματοσειρά που σας άρεσε από το στυλ του μενού δεν ταιριάζουν με το συνδυασμό χρωμάτων του ιστότοπου, τότε μπορείτε να αλλάξετε αυτές τις παραμέτρους κάνοντας κλικ στην καρτέλα "Παράμετροι".

Βήμα 4

Αλλάξτε το χρώμα και τη γραμματοσειρά χρησιμοποιώντας κώδικα HTML ή επιλέξτε την από την παλέτα που προσφέρει ο πόρος κάνοντας κλικ στη σκιά που σας αρέσει.

Βήμα 5

Τώρα δημιουργήστε μια δομή μενού για τον ιστότοπό σας. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί "Στοιχεία". Στην καρτέλα που ανοίγει, θα δείτε ένα κουμπί με ένα μεγάλο σύμβολο συν και την επιγραφή "Προσθήκη αντικειμένου". Κάντε κλικ σε αυτό το κουμπί και ένα νέο στοιχείο θα προστεθεί στο τέλος του μενού. Για να εισαγάγετε ένα νέο στοιχείο στο μέσο του μενού, επιλέξτε την καρτέλα μετά την οποία πρέπει να προστεθεί και κάντε κλικ στο κουμπί με την ένδειξη "Προσθήκη επόμενου αντικειμένου".

Βήμα 6

Για να προσθέσετε ένα υπο-στοιχείο στο αναπτυσσόμενο μενού, πατήστε το κουμπί με την ένδειξη "Προσθήκη υποτίτλου", αφού επιλέξετε το στοιχείο μενού που θα περιέχει τη νέα καρτέλα. Εάν θέλετε να καταργήσετε οποιοδήποτε από τα στοιχεία, επιλέξτε το και κάντε κλικ στο κουμπί "Κατάργηση στοιχείου".

Βήμα 7

Στην περιοχή "Παράμετροι στοιχείων" είναι απαραίτητο να συμπληρώσετε όλα τα πεδία για να λειτουργεί σωστά το νέο μενού. Στο πεδίο "Κείμενο", εισαγάγετε το όνομα του στοιχείου μενού, στο πεδίο "Σύνδεσμος", εισαγάγετε τη διεύθυνση της σελίδας στην οποία θα πραγματοποιηθεί η μετάβαση αφού κάνετε κλικ σε αυτό το κουμπί. Για να επιλέξετε πώς θα ανοίξει η σελίδα, στο πεδίο "Στόχος", ορίστε την τιμή "_self" ή "_blank". Με την πρώτη επιλογή, η σελίδα θα ανοίξει στο ίδιο παράθυρο, με την επιλογή "_blank" - σε μια νέα.

Βήμα 8

Τώρα πρέπει να επικολλήσετε τον κώδικα του δημιουργημένου μενού στον ιστότοπό σας. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί "Λήψη", το οποίο βρίσκεται στην κάτω δεξιά γωνία και επιλέξτε ένα φάκελο στον υπολογιστή σας όπου θα αποθηκευτεί το αρχείο purecssmenu-com.zip. Αφού αποθηκεύσετε το αρχείο, αποσυμπιέστε αυτό το αρχείο και ανοίξτε το αρχείο purecssmenu.html, το οποίο περιέχει τον κωδικό μενού. Αντιγράψτε αυτόν τον κώδικα και επικολλήστε τον στο αρχείο προτύπου ιστότοπου.

Συνιστάται: