webbsidor brukar använda överlägg för att visa framträdande innehåll till en webbplats besökare och användare . Överlägget ser semitransparent och som om den svävar ovanför resten av innehållet . Överlägg används för betoning visst innehåll , Drupal 7 , ett av de mest populära content management- system på Internet , till exempel , använder en administrativ overlay för att hjälpa administratörer navigera sin webbplats . Redigera layout av en premade overlay kräver att du vet lite HTML , CSS och JavaScript , eftersom dessa är de språk som överlägg görs i. Instruktioner
1
Leta källkoden som bygger överlägget du vill redigera . Detta kan vara den svåraste delen av processen . Om din fördefinierade hemsida kom inte med dokumentation , ladda webbsidan som presenterar överlägget i en webbläsare . Välj källa - koden för att titta på källkoden på sidan med överlägget . Till exempel , välj " Visa " och sedan " Developer " och sedan " Visa källa " i Google Chrome . I Firefox väljer du " Visa " och sedan " Sidkälla . "
2
Hitta " div " element som inrymmer overlay . Detta kan kallas " displayoverlay " eller något liknande. En div är som en låda som lagrar och visar information om ett HTML och CSS webbsida .
3
Öppna CSS-fil som skapar stilar av overlay div . Tryck " Ctrl + F " för att öppna " Sök " fönstret . Skriv in namnet på överlägget . Detta tar dig till de stilar som kontrollerar att overlay .
4
ändra dess storlek , opacitet , bakgrundsfärg , stylings text , placering på sidan och allt annat du vill relaterade till utseende och layout av overlay . Till exempel , om dess opacitet är satt till 50 procent , men du vill ha det mörkare , skulle du ändra raden som säger " Opacitet : 50 % " till " Opacitet : . 60 % "
5
Öppna JavaScript -filen som skapar funktionen overlay div liksom vilket innehåll går på överlägget . Denna funktion kan vara i sin egen JavaScript -fil , begravd bland många andra funktioner som huset hela JavaScript för din webbplats eller direkt på din HTML och CSS sida . Leta efter den funktion som definierar en variabel med samma namn som den div som du hittade tidigare .
6
Hitta raden av JavaScript -kod som anger innehållet i div när det visas . Denna linje är inne i displayen funktionen för div . Ändra innehållet till vad du vill . Till exempel , om linjen är " overlaydiv.innerHTML , " " overlaydiv " är namnet av den överlagrade och " innerHTML " är en egenskap som anger vilket innehåll går inuti ett element , som i detta fall är din overlay . Börja och avsluta ditt innehåll med citattecken . Ändra inte något annat om funktionen eller din overlay kan gå sönder .
