Pop-up- of pop-up-vensters word al hoe gewilder op die internet. Of, eenvoudiger, pop-upprente. Baie werfbesitters moet dit dikwels vir advertensiedoeleindes maak, maar nie almal ken die algoritme vir hul skepping nie.
Dit is nodig
- - HTML-redigeerder;
- - notaboek;
- - gasheer.
Instruksies
Stap 1
Skep of open 'n nuwe webblad in HTML of 'n teksversorger. U kan gewilde programme soos Dreamweaver, Expression Web en ander hiervoor gebruik. As u net u eerste stappe neem in die HTML-programmeertaal, gebruik dan 'n gewone 'notepad'.
Stap 2
Plak die volgende kode tussen die "head" en "/ head" tags:
. miniatuur {posisie: relatief; z-indeks: 0;}
. miniatuur: sweef {agtergrond-kleur: deursigtig; z-indeks: 50;}
. miniatuurspan {/ * CSS vir vergrote beeld * / posisie: absoluut; agtergrondkleur: liggeel; opvulling: 5px; links: -1000px; rand: 1px grys gestippel; sigbaarheid: verborge; kleur: swart; teksversiering: geen;}
.thumbnail span img {/ * CSS vir vergrote beeld * / randwydte: 0; opvulling: 2px;}
. miniatuur: hover span {/ * CSS vir vergrote beeld op hover * / sigbaarheid: sigbaar; bo: 0; links: 65px; / * posisie waar vergrote beeld horisontaal moet verreken * /}
Stap 3
Pas die horisontale verrekening van die pop-upbeeld aan deur die waarde op die laaste kode-kode te verander. Ken ruimte toe tussen die "body" en "/ body" etikette waar u die prentjie op die webblad moet laat verskyn. Kopieer en plak dan die volgende kode:
Voorbeeld van 'n tekstitel
'N Voorbeeld van 'n tekstitel"
Stap 4
Vervang "folder / largepci1.jpg" deur die lêer wat gebruik word vir die pop-upfoto. Doen dieselfde met die tweede blok kode. Verander die reël "Voorbeeld van tekstitel" daarin na wat in die pop-upbeeld geskryf moet word. Verander ook die hoogte- en breedtewaardes in die kode om die grootte van die pop-upbeeld aan te pas. Skep addisionele blokkies kode om meer sketse by te voeg. Voer, indien nodig, ander eienskappe, etikette en teks in die HTML-dokument in. Stoor die HTML-lêer en laai dit dan op u webbediener.
