Come modificare un layout Overlay Premade

pagine Web utilizzano comunemente le sovrapposizioni per visualizzare il contenuto di primo piano per un visitatore del sito e utente . La sovrapposizione semitrasparente e sembra come se stesse galleggiando sopra il resto del contenuto . Overlay vengono utilizzati per enfasi determinati contenuti ; Drupal 7 , uno dei più popolari sistemi di gestione dei contenuti su Internet , per esempio, utilizza una sovrapposizione amministrativo per aiutare gli amministratori del sito navigare il suo sito web . Modifica del layout di una sovrapposizione premade è necessario conoscere un po 'di HTML , CSS e JavaScript , in quanto queste sono le lingue che le sovrapposizioni sono fatte dentro Istruzioni
1

individuare il codice sorgente che sta costruendo l'overlay che si desidera modificare . Questo può essere la parte più difficile del processo . Se il vostro sito precompilato non è venuto con la documentazione , caricare la pagina Web che dispone la sovrapposizione in un browser . Selezionare la visualizzazione del codice sorgente di guardare il codice sorgente della pagina con l'overlay. Ad esempio, selezionare " Visualizza ", poi " Developer " e poi " Visualizza Sorgente " in Google Chrome . In Firefox , selezionare "Visualizza" e poi " Sorgente pagina ".
2

Trovare l'elemento " div " che ospita la sovrapposizione . Questo può essere chiamato " displayoverlay " o qualcosa di simile . Un div è come una scatola che memorizza e visualizza le informazioni in una pagina Web HTML e CSS .
3

Aprire il file CSS che crea gli stili del div overlay . Premere il tasto " Ctrl + F " per aprire la finestra "Trova " . Digitare il nome della sovrapposizione . Questo vi porta agli stili di controllo che si sovrappongono .
4

modificarne la dimensione , l'opacità , il colore di sfondo, stylings di testo , il posizionamento nella pagina e qualsiasi altra cosa che ti piace imparentato con l'aspetto e il layout della sovrapposizione . Per esempio, se la sua opacità è impostata al 50 per cento , ma lo si vuole più scuro , è necessario modificare la riga che dice " Opacità : 50 % " a " Opacità : . Del 60% "
5

Aprire il file JavaScript che crea la funzione div overlay così come quello contenuto va in sovrapposizione . Questa funzione può essere in un file JavaScript , sepolto tra le molte altre funzioni che ospitano tutti i JavaScript per il tuo sito o direttamente sulla tua pagina HTML e CSS . Cercare la funzione che definisce una variabile con lo stesso nome del div che avete trovato in precedenza .
6

Individuare la riga di codice JavaScript che imposta il contenuto del div quando viene visualizzato . Questa linea è all'interno della funzione di visualizzazione del div . Modificare il contenuto di quello che vuoi . Ad esempio, se la linea è " overlaydiv.innerHTML , " " overlaydiv " è il nome della sovrapposizione e " innerHTML " è una proprietà che imposta quale contenuto va dentro un elemento, che in questo caso è l'overlay . Iniziare e finire i tuoi contenuti con le virgolette . Non cambiare niente altro circa la funzione o il tuo overlay potrebbe rompersi .