Πώς να φτιάξετε μια γραμμή κύλισης

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

Πώς να φτιάξετε μια γραμμή κύλισης
Πώς να φτιάξετε μια γραμμή κύλισης

Βίντεο: Πώς να φτιάξετε μια γραμμή κύλισης

Βίντεο: Πώς να φτιάξετε μια γραμμή κύλισης
Βίντεο: Πως να σχηματίσετε την τέλεια γραμμή eyeliner | Tips | Ioanna Samara 2024, Ενδέχεται
Anonim

Σήμερα, η κατοχή του δικού σας ιστότοπου δεν είναι πολυτέλεια, αλλά αναγκαιότητα. Η δημιουργία του απαιτεί ορισμένες δεξιότητες και γνώσεις html. Η δημιουργία ενός απλού ιστότοπου είναι πολύ εύκολη. Ωστόσο, η διακόσμηση του και η δημιουργία διαδραστικών στοιχείων που παρέχουν πρόσθετη λειτουργικότητα για τον ιστότοπο θα προκαλέσει δυσκολίες για έναν αρχάριο. Ένα από αυτά τα διαδραστικά στοιχεία που βελτιώνουν την ευκολία των επισκεπτών του ιστότοπου είναι η γραμμή κύλισης. Είναι ιδιαίτερα χρήσιμο στα πεδία του ιστότοπου, τα οποία παρέχουν τη σύνδεσή του με σενάρια (αλληλεπίδραση του ιστότοπου με τους χρήστες).

Η γραμμή κύλισης είναι ένα σημαντικό στοιχείο του ιστότοπου
Η γραμμή κύλισης είναι ένα σημαντικό στοιχείο του ιστότοπου

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

Διαδίκτυο ή οποιοδήποτε σεμινάριο html

Οδηγίες

Βήμα 1

Το πιο σημαντικό πράγμα σε οποιονδήποτε ιστότοπο είναι η φιλικότητα προς τον χρήστη. Η ίδια η ιδέα της χρήσης μιας γραμμής κύλισης στον ιστότοπό σας θα είναι κατάλληλη μόνο εάν η εμφάνισή της υπαγορεύεται όχι από την επιθυμία σας, αλλά από την αναγκαιότητά της. Κάντε τη διάταξη της σελίδας στην οποία θέλετε να τοποθετήσετε τη γραμμή κύλισης. Επιλέξτε ένα μέρος για την κύλιση (ονομάζεται επίσης γραμμή κύλισης).

Βήμα 2

Επιλέξτε μια θέση για τη γραμμή κύλισης στη σελίδα του ιστότοπου που σας ενδιαφέρει. Πρέπει να συνδέεται άκαμπτα με κάποιο στοιχείο (για παράδειγμα, ένα πλαίσιο κειμένου ή μια αναπτυσσόμενη λίστα). Πρέπει να υπολογίσετε αυτό το μέρος σε pixel ή ως ποσοστό. Αυτό δεν είναι δύσκολο να γίνει, ειδικά εάν η διάταξη του ιστότοπου έχει σαφή δομή.

Βήμα 3

Μεταξύ των ετικετών BODY πρέπει να προσθέσετε τον τυπικό κώδικα κύλισης. Μπορείτε να το βρείτε σε οποιοδήποτε σεμινάριο html. Υπάρχουν δύο επιλογές - είτε προσθέστε αυτό το απόσπασμα απευθείας στον κώδικα html της σελίδας, είτε επισυνάψτε το στο φύλλο στυλ css. Η δεύτερη μέθοδος είναι πιο βολική αν αλλάξετε περισσότερες από μία σελίδες, αλλά ολόκληρο τον ιστότοπο ταυτόχρονα. Στη συνέχεια, πρέπει να εισαγάγετε τις παραμέτρους χρώματος της γραμμής κύλισης, διαφορετικά θα είναι γκρι και δεν ενδιαφέρει. Η εικόνα δείχνει και επισημαίνει τα στοιχεία κύλισης. Οι παράμετροι πρέπει να εισαχθούν με τον ίδιο τρόπο όπως φαίνεται στο σχήμα, διαχωρισμένοι με ερωτηματικά.

Βήμα 4

Τώρα πρέπει σίγουρα να δοκιμάσετε τις τροποποιήσεις σας. Για να κάνετε τη γραμμή κύλισης να μοιάζει ίδια σε όλα τα προγράμματα περιήγησης, ελέγξτε την στα κύρια - Internet Explorer, Mozilla Firefox και Opera. Εάν δεν λειτουργεί σε ένα από αυτά, επιστρέψτε στο πρώτο βήμα και διορθώστε τα σφάλματα.

Συνιστάται: