Tecnología

Inicio

Cómo hacer que los efectos de la chispa con CSS

Cómo hacer que los efectos de la chispa con CSS


Con un archivo de formato de intercambio de gráficos animados y Cascading Style Sheets, usted tiene la oportunidad de hacer que los efectos de la chispa en su página web. El GIF contiene digital, brillo en movimiento y el CSS asigna la decoración de elementos de página. Por ejemplo, se pueden aplicar los destellos de hipervínculos o mostrar un fondo animado en su sitio web. Utilizar un archivo GIF animado y el programa editor de texto de su computadora para hacer que los efectos de la chispa en el que prefiera.

Instrucciones

1 Ingrese a su cuenta de alojamiento web y subir su archivo GIF animado en la misma carpeta o directorio en el que residen otros archivos del sitio web. Anote la dirección URL del archivo después de la carga - por ejemplo, http://www.yoursite.com/images/sparkle.gif. Si usted no tiene una cuenta de organizador, dirija su navegador a un alojamiento gratuito de archivos en línea, tales como cuentagotas Archivo o host de archivos de datos, siga las instrucciones para cargar el GIF chispa y registrar la URL después de que el proceso se haya completado.

2 Poner en marcha su programa editor de texto y abra el documento página web en la que desea hacer que los efectos de la chispa. Coloque el cursor antes de que el elemento final </ head> en la parte superior y escriba el siguiente código CSS:
<Style type = "text / css">

</ Style>

3 Introduce un elemento HTML entre las etiquetas de estilo para determinar donde se aplica la animación brillo en su página. Por ejemplo, el tipo "A" para los enlaces, "p" para párrafos o "cuerpo" de la página entera. Introduzca un par de llaves después de su entrada, así:
<Style type = "text / css">
cuerpo { }
</ Style>

4 Tipo "Imagen de fondo: url ( 'dirección URL del archivo');" entre las llaves y reemplazar la entrada "Dirección URL del archivo" con la dirección de su archivo GIF animado. Para ilustrar:
body {background-image: url ( 'http://www.yoursite.com/images/sparkle.gif'); }

5 Guarde el archivo y una vista previa en un navegador. Cuando esté listo, subir el documento a la red de acogida para publicar los efectos de la chispa.

Consejos y advertencias

  • Puede crear imágenes gratuitas chispa en los sitios web del fabricante del GIF animados como Glitterizer, Webestools y Glitterboo. Siga las instrucciones en el sitio para crear una imagen y descarga el archivo GIF animado a su equipo.