Tecnología

Inicio

Cómo reemplazar texto utilizando las pausas con CSS

July 12

Cómo reemplazar texto utilizando las pausas con CSS


Para hacer una pantalla llamativo en su sitio web, puede utilizar el símbolo de pausa en lugar de la palabra "pausa" en la página. Este símbolo contiene dos líneas verticales de la misma longitud dentro de un círculo o un cuadrado, y se utiliza para detener temporalmente un archivo de audio. Cascading Style Sheets o CSS, le da la posibilidad de reemplazar el texto con gráficos de pausa. Como siempre y cuando tenga un archivo de imagen accesible imagen de una pausa, se puede realizar esta tarea.

Instrucciones

1 Criar a un sitio web de fotos gratis de acogida, tales como TinyPic o PostImage.org, en su navegador. Haga clic en la opción "Browse" o "Abrir" en la página, y siga las instrucciones para cargar el archivo de imagen de pausa para el anfitrión. Copiar el enlace directo que muestra automáticamente al final (por ejemplo, http://www.host.com/images/pause.gif).

2 Poner en marcha el software editor de texto de su ordenador y abra el documento de sitio web que contiene el texto que desea reemplazar. Coloque el cursor antes de la etiqueta de cierre </ head>.

3 Escriba el siguiente código CSS:
<Style type = "text / css">
.pause {}
</ Style>

4 Coloca el cursor dentro de llaves del ".pause" de la regla. Introduzca "background: url (" eslabón pausa ") no-repeat;" y sustituir la entrada "enlace pausa" con su propia URL de la imagen de pausa. Por ejemplo:
.pause {background: url ( 'http://www.host.com/images/pause.gif') no-repeat; }

5 Busque el texto que está cambiando, y escriba "<span class =" pausa ">" al principio de la entrada para aplicar la regla CSS. Tipo "</ span>" al final. Para ilustrar:
<Span class = "pausa"> Este es el texto que se intercambia la imagen de pausa para. </ Span>

6 Guarde el archivo.

Consejos y advertencias

  • Usted puede hacer su propia imagen de pausa utilizando la aplicación MS Paint en su ordenador. Haga clic en el óvalo y opciones de la línea en el grupo Formas, por ejemplo, y arrastrar el puntero del ratón sobre la ventana de tela para hacer las formas.