webpagina's vaak gebruikt overlays om prominente inhoud weer van een bezoeker van de site en de gebruiker . De overlay ziet semitransparent en alsof het boven de rest van de inhoud dreven . Overlays worden gebruikt om nadruk bepaalde content , Drupal 7 , een van de meest populaire content - management systemen op het internet , bijvoorbeeld , maakt gebruik van een administratieve overlay te helpen sitebeheerders navigeren haar website . De lay-out van een premade overlay bewerken vereist dat je weet wat HTML , CSS en JavaScript , aangezien deze zijn de talen die overlays zijn gemaakt binnen Instructies
1 Zoek de broncode die bouwt de overlay die u wilt bewerken . Dit kan het moeilijkste deel van het proces. Als je vooraf gebouwde website kwam niet met documentatie , laadt de webpagina die de overlay in een browser beschikt . Selecteer de source - code oog te kijken naar de broncode van de pagina met de overlay . Selecteer bijvoorbeeld " weergeven , " dan " Developer " en vervolgens "View Source " in Google Chrome . In Firefox , selecteert u " View" en vervolgens "Pagina Bron . " Kopen van 2 Zoek de " div " element dat de overlay herbergt . Dit mag " displayoverlay " of iets dergelijks . Een div is als een doos die bewaart en toont informatie over een HTML -en CSS webpagina .
3 Open het CSS-bestand dat de stijlen van de overlay div creëert . Druk op " Ctrl + F " om het venster "Zoeken" te openen . Typ de naam van de overlay . Dit brengt u naar de stijlen beheersen die overlay .
4 Verander de grootte, dekking , achtergrondkleur , tekst stileren , positie op de pagina en alles wat je wilt met betrekking tot het uiterlijk en de indeling van de overlay . Naar " Dekking . : 60 % " : bijvoorbeeld als de ondoorzichtigheid is ingesteld op 50 procent , maar je wilt het donkerder , zou je de lijn die zegt: " 50 % Opacity " wijzigen
5 Open het JavaScript-bestand dat de overlay div functie maakt alsook welke inhoud gaat over de overlay . Deze functie kan in zijn eigen JavaScript-bestand , begraven onder vele andere functies dat huis al van de webbrowser voor uw website of rechtstreeks op uw HTML en CSS pagina . Kijk voor de functie die een variabele definieert met dezelfde naam als de div die je eerder gevonden .
6 Zoek de regel JavaScript code die de inhoud van de div wanneer het wordt weergegeven zet . Deze lijn is in de weergave functie voor de div . Verander de inhoud aan wat je wilt . Bijvoorbeeld , als de lijn " overlaydiv.innerHTML , " " overlaydiv " is de naam van de overlay en " innerHTML " is een eigenschap die bepaalt welke inhoud gaat binnen een element , dat in dit geval is uw overlay . Beginnen en eindigen uw content met aanhalingstekens . Heeft iets anders over de functie niet wijzigen of uw overlay kan breken .
|
