Πώς να Επεξεργασία Premade Overlay Διάταξη

ιστοσελίδες συνήθως χρησιμοποιούν επικαλύψεις για να εμφανίσετε περίοπτη περιεχόμενο σε έναν επισκέπτη της τοποθεσίας και του χρήστη . Το overlay είναι ημιδιαφανή και σαν να επιπλέουν πάνω από το υπόλοιπο του περιεχομένου . Επικαλύψεων που χρησιμοποιούνται για έμφαση συγκεκριμένο περιεχόμενο ? Drupal 7 , ένα από τα πιο δημοφιλή συστήματα διαχείρισης περιεχομένου στο Διαδίκτυο , για παράδειγμα , χρησιμοποιεί μια διοικητική επικάλυψη για να βοηθήσει τους διαχειριστές της ιστοσελίδας περιηγηθείτε την ιστοσελίδα της . Επεξεργασία της διάταξης ενός προκατασκευασμένου επικάλυψης προϋποθέτει ότι γνωρίζετε κάποια HTML , CSS , και JavaScript , καθώς αυτές είναι οι γλώσσες που επικαλύψεις γίνονται μέσα Οδηγίες
Η 1

Εντοπίστε τον πηγαίο κώδικα που χτίζει την επικάλυψη που θέλετε να επεξεργαστείτε . Αυτό μπορεί να είναι το πιο δύσκολο μέρος της διαδικασίας . Εάν prebuilt ιστοσελίδα σας δεν έρχονται με την τεκμηρίωση, φορτώσετε την ιστοσελίδα που διαθέτει την επικάλυψη σε ένα πρόγραμμα περιήγησης . Επιλέξτε την προβολή πηγαίου κώδικα για να δούμε τον πηγαίο κώδικα της σελίδας με το περιεχόμενο επικάλυψης . Για παράδειγμα , επιλέξτε "Προβολή " και στη συνέχεια " Developer " και στη συνέχεια " View Source " στο Google Chrome . Στο Firefox , επιλέξτε "Προβολή" και στη συνέχεια " Page Source . " 2

Βρείτε το " div " στοιχείο που στεγάζει την επικάλυψη . Αυτό μπορεί να ονομαστεί " displayoverlay " ή κάτι παρόμοιο . Μια div είναι σαν ένα κουτί που αποθηκεύει και εμφανίζει πληροφορίες σχετικά με HTML και CSS ιστοσελίδα .
Εικόνων 3

Ανοίξτε το αρχείο CSS που δημιουργεί το στυλ του div επικάλυψης . Πατήστε το πλήκτρο " Ctrl + F" για να ανοίξετε το παράθυρο "Αναζήτηση" . Πληκτρολογήστε το όνομα της επικάλυψης . Αυτό θα σας μεταφέρει στο στυλ που ελέγχει την αποθήκη .
Η 4

Αλλάξτε το μέγεθος , την αδιαφάνεια , το χρώμα του φόντου , προσδιορισμούς του κειμένου του, τοποθετώντας στη σελίδα και οτιδήποτε άλλο σας αρέσει που σχετίζονται με την εμφάνιση και τη διάταξη της επικάλυψης . Για παράδειγμα , εάν η αδιαφάνεια της έχει οριστεί σε 50 τοις εκατό, αλλά θέλετε πιο σκούρα , θα αλλάξει τη γραμμή που λέει " Αδιαφάνεια : 50 % " σε " Αδιαφάνεια : . 60 % "
5

Ανοίξτε το αρχείο JavaScript που δημιουργεί η λειτουργία div επικάλυψης , καθώς και το περιεχόμενο που πηγαίνει στην επικάλυψη . Η λειτουργία αυτή μπορεί να είναι στο δικό του αρχείο JavaScript του , θαμμένο ανάμεσα σε πολλές άλλες λειτουργίες που στεγάζουν το σύνολο των JavaScript για την ιστοσελίδα σας ή απευθείας σε HTML και CSS σας σελίδα . Ψάξτε για τη λειτουργία που καθορίζει μια μεταβλητή με το ίδιο όνομα με το div που βρήκατε νωρίτερα .
Η 6

Βρείτε τη γραμμή του κώδικα JavaScript που καθορίζει το περιεχόμενο του div , όταν εμφανίζεται . Αυτή η γραμμή είναι μέσα τη λειτουργία της απεικόνισης για το div . Αλλάξτε το περιεχόμενο σε ό, τι θέλετε . Για παράδειγμα , εάν η γραμμή είναι " overlaydiv.innerHTML , " " overlaydiv " είναι το όνομα της επικάλυψης και « innerHTML " είναι μια ιδιότητα που καθορίζει το περιεχόμενο που πηγαίνει μέσα σε ένα στοιχείο , το οποίο στην προκειμένη περίπτωση είναι η επικάλυψη σας . Αρχίζει και να τελειώνει το περιεχόμενό σας με εισαγωγικά . Μην αλλάξετε τίποτα άλλο σχετικά με τη λειτουργία ή με επίστρωση, σας μπορεί να σπάσει.
Η
εικόνων