Websider almindeligt brug overlejringer at vise fremtrædende indhold til et websted besøgende og bruger. Den overlay ser halvgennemsigtig og som om det flød over resten af indholdet . Overlays bruges til vægt bestemt indhold , Drupal 7 , en af de mest populære indhold management systemer på internettet , for eksempel, bruger en administrativ overlay til at hjælpe administratorer navigere sin hjemmeside. Redigering layoutet af en premade overlay kræver, at du kender nogle HTML, CSS, og JavaScript , da disse er de sprog, overlejringer er lavet i. Instruktioner
1
Find kildekoden , der er ved at bygge overlay du ønsker at redigere . Dette kan være den sværeste del af processen . Hvis dit forudindstillede website ikke komme med dokumentation , indlæse den webside, der er udstyret med den overlay i en browser. Vælg kildekoden for at se på kildekoden til siden med overlay. For eksempel , vælg " Vis " og derefter "Udvikler " og derefter " Vis kilde " i Google Chrome. I Firefox skal du vælge "Vis" og derefter " Page Source ".
2
Find " div "-element , der huser overlay. Dette kan kaldes " displayoverlay " eller noget lignende. En div er som en æske , der gemmer og viser oplysninger om en HTML og CSS webside.
3
Åbn CSS-fil , der skaber stilarter overlay div . Tryk på " Ctrl + F" for at åbne " Find " vinduet. Skrive navnet på overlay. Dette bringer dig til de stilarter der kontrollerer , at overlay.
4
ændre sin størrelse , opacitet baggrundsfarve, tekststilarter , positionering på siden og alt andet du gerne relateret til udseendet og layoutet af overlay . For eksempel, hvis dens opacitet er sat til 50 procent , men du vil have det mørkere ville du ændre den linje , der siger " Opacity : 50% " til " Opacity : . 60% "
5 < p> Åbn den JavaScript-fil , der skaber overlay div funktion samt hvilket indhold over på overlæg . Denne funktion kan være i sin egen JavaScript-fil , begravet blandt mange andre funktioner, som huset hele den JavaScript for din hjemmeside eller direkte på din HTML og CSS side . Kig efter den funktion , der definerer en variabel med det samme navn som den div at du har fundet tidligere.
6
Find den linje JavaScript-kode , der sætter indholdet af div , når den vises . Denne linje er inde i displayet funktion for div . Ændre indholdet til hvad du ønsker. For eksempel, " , overlaydiv.innerHTML ", hvis linjen er " overlaydiv " er navnet på overlay og " innerHTML " er en egenskab , der sætter hvilket indhold går inde et element , som i dette tilfælde er din overlay . Begynde og afslutte dit indhold med anførselstegn. Du skal ikke ændre noget andet om den funktion eller dit overlay kan knække.