Come modificare un Overlay layout Premade

July 9

Le pagine Web usano comunemente sovrapposizioni per visualizzare il contenuto di primo piano di un visitatore del sito e utente. La sovrapposizione appare semitrasparente e come se stesse galleggiando sopra il resto del contenuto. Le sovrapposizioni sono utilizzate per enfasi determinati contenuti; Drupal 7, uno dei più diffusi sistemi di gestione dei contenuti su Internet, per esempio, utilizza un overlay amministrativo per aiutare gli amministratori del sito a navigare il suo sito web. Modifica del layout di una sovrapposizione premade è necessario conoscere un po 'di HTML, CSS e JavaScript, dal momento che queste sono le lingue che le sovrapposizioni sono realizzati in.

istruzione

1 Individuare il codice sorgente che sta costruendo la sovrapposizione che si desidera modificare. Questa può essere la parte più difficile del processo. Se il vostro sito precompilati non è venuto con la documentazione, caricare la pagina Web che dispone la sovrapposizione in un browser. Selezionare il codice sorgente al fine di guardare il codice sorgente della pagina con l'overlay. Ad esempio, selezionare "Visualizza", quindi "Sviluppatore" e poi "View Source" in Google Chrome. In Firefox, selezionare "Visualizza" e poi "Sorgente pagina".

2 Trova 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 su 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 porta agli stili di controllo che overlay.

4 Cambiare la sua dimensione, opacità, colore di sfondo, stylings testo, posizionando sulla pagina e qualsiasi altra cosa 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, si dovrebbe modificare la riga che dice "Opacità: 50%" a "Opacità:. 60%"

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

6 Individuare la riga di codice JavaScript che imposta il contenuto del div quando viene visualizzata. Questa linea è all'interno della funzione di visualizzazione per il 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 definisce quali contenuti va all'interno di un elemento, che in questo caso è il tuo overlay. Iniziare e finire i tuoi contenuti con le virgolette. Non cambiare niente altro circa la funzione o il vostro sovrapposizione potrebbe rompersi.


Articoli Correlati