Hvordan erstatte tekst med pauser med CSS

For å gjøre en iøynefallende visning på nettstedet ditt, bør du vurdere å bruke pausesymbolet i stedet for ordet "Pause" på siden. Dette symbolet inneholder to vertikale linjer av samme lengde i en sirkel eller firkant, og den brukes til å midlertidig stoppe en lydfil. Cascading Style Sheets, eller CSS, gir deg muligheten til å erstatte teksten med pause grafikk. Så lenge du har en tilgjengelig bildefil av en pause bildet, kan du utføre denne oppgaven.

Bruksanvisning

1 Ta med deg en gratis bilde host nettstedet området, for eksempel TinyPic eller PostImage.org, i nettleseren din. Klikk på "Browse" eller "Open" alternativet på siden, og følg instruksjonene for å laste opp din pause bildefil til verten. Kopier direkte link som automatisk vises på slutten (for eksempel http://www.host.com/images/pause.gif).

2 Start datamaskinen tekst editor programvare og åpne nettsiden dokument som har teksten du vil erstatte. Plasser markøren før slutt </ head> -taggen.

3 Skriv inn følgende CSS-kode:
<Style type = "text / css">
.pause {}
</ Style>

4 Plasser markøren på innsiden av ".pause" regelens klammeparenteser. Skriv "bakgrunn: url ( 'pause link") no-repeat; " og erstatte den "pause link" oppføring med din egen pausebilde URL. For eksempel:
.pause {background: url ( 'http://www.host.com/images/pause.gif') no-repeat; }

5 Finn teksten du er i endring, og skriv "<span class =" pause ">" i begynnelsen av oppføringen for å bruke CSS-regel. Type "</ span>" på slutten. Å illustrere:
<Span class = "pause"> Dette er teksten som blir byttet ut for pausebilde. </ Span>

6 Lagre filen.

Hint

• Du kan lage din egen pause bilde med MS Paint-programmet på datamaskinen. Klikk på oval og linje opsjoner i Shapes gruppe, for eksempel, og dra musen over lerretet vinduet for å gjøre skjemaene.