Come sostituire testo utilizzando pause con i CSS

December 19

Come sostituire testo utilizzando pause con i CSS


Per fare un display accattivante sul tuo sito web, è possibile utilizzare il simbolo di pausa al posto della parola "Pausa" nella pagina. Questo simbolo contiene due linee verticali della stessa lunghezza in un cerchio o un quadrato, e viene utilizzato per interrompere temporaneamente un file audio. Cascading Style Sheets, o CSS, ti dà la possibilità di sostituire il testo con grafica pausa. Finché si dispone di un file di immagine accessibile di un'immagine di pausa, è possibile eseguire questa operazione.

istruzione

1 Portare un sito sito web un'immagine host gratuito, come ad esempio TinyPic o PostImage.org, nel tuo browser. Fare clic sul o l'opzione "Sfoglia" "Apri" sulla pagina, e seguire le istruzioni per caricare il file immagine di pausa per l'host. Copiate il link diretto che visualizza automaticamente alla fine (per esempio, http://www.host.com/images/pause.gif).

2 Avviare il software editor di testo del computer, e aprire il documento sito web che ha il testo che si desidera sostituire. Posizionare il cursore prima del </ head> tag di chiusura.

3 Digitare il seguente codice CSS:
<Style type = "text / css">
.pause {}
</ Style>

4 Posizionare il cursore all'interno parentesi graffe della regola ".pause". Enter "background: url ( 'Link pausa') no-repeat;" e sostituire la voce "Link pausa" con il proprio URL dell'immagine pausa. Per esempio:
.pause {background: url ( 'http://www.host.com/images/pause.gif') no-repeat; }

5 Individuare il testo che si sta modificando, e immettere "<span class =" pausa ">" all'inizio della voce di applicare la regola CSS. Tipo "</ span>" alla fine. Illustrare:
<Span class = "mettere in pausa"> Questo è il testo che viene scambiato per l'immagine di pausa. </ Span>

6 Salvare il file.

Consigli e avvertenze

  • Potete fare la vostra immagine di pausa proprio utilizzando l'applicazione della vernice MS sul computer. Fare clic sul ovale e opzioni della riga nel gruppo Forme, per esempio, e trascinare il mouse sopra la finestra di tela per fare le forme.