7 efectos frescos html que cualquier persona puede agregar a su sitio web

sitios web diseñados con esmero con efectos decentes y lo más destacado cuidadosamente seleccionados no sólo son agradables a la vista, sino que también son funcionales y mejora la experiencia del usuario.

Por desgracia, no todo el mundo tiene el don, el tiempo o la libertad financiera para crear un sitio web extraordinario y sofisticado completa con CSS y otras cosas. Algunos de nosotros simplemente tienen que vivir con las páginas HTML sencillas para un poco más.

Mientras tanto, es posible que desee tomar ventaja de efectos, HTML simple fresco y etiquetas para que la información se destaca con estilo.

Tal vez uno de ellos es lo que has estado buscando.

1. Tableizer!

Si usted tiene un Excel existente, Calc u otra plantilla de hoja de cálculo, Tableizer! va a transformar sus datos en una tabla HTML en un instante. El código HTML resultante puede ser fácilmente añadido a su sitio web. Por supuesto, esto no es realmente un efecto de HTML, pero es bastante práctico.

Entrada:

Vídeo: TOP 10 Trucos de magia que cualquiera puede hacer

efectos frescos html

Salida:

efectos frescos html

Con un poco de paciencia y la edición de los background-colores que puede hacer que se vea mucho más fresco, por ejemplo, por la coloración azul más a la izquierda columna “índice” también.

2. Cuadro de texto desplazable

Este es un efecto HTML útil, fresco en caso de que quiere embalar largos fragmentos de texto en un formato compacto, por lo que no ocupa todo el espacio en una página.

Entrada:

Su texto va aquí. Y puede desplazarse hacia abajo. Sólo tienes que añadir una cantidad suficiente de texto para hacer las barras de desplazamiento muestran. ¡Eso es! :)

Salida:

Su texto va aquí. Y puede desplazarse hacia abajo. Sólo tienes que añadir una cantidad suficiente de texto para hacer las barras de desplazamiento muestran. ¡Eso es! :)

Se puede jugar con los colores y el tamaño del cuadro de texto.

3. Subrayar el texto

Con un simple etiqueta HTML se puede añadir un montón de efectos a su texto o imágenes. Tenga en cuenta que algunos sólo pueden trabajar en IE y que yo sólo estoy mencionando los que trabajan con IE y Firefox.

Entrada:

Tu texto aqui.

Salida:

Tu texto aqui.

4. Añadir imagen de fondo al texto

Del mismo modo, se puede cambiar el color del texto o añadir una imagen de fondo. Éste sólo se vuelve realmente interesante si el texto tiene un tamaño lo suficientemente grande, es por eso que también aumentó el tamaño de la fuente.

Entrada:

Salida:

MakeUseOf presenta ...

5. Añadir el Título sobre herramientas

Una punta de la herramienta título aparece cuando se desplaza con el ratón sobre un trozo de texto “manipulada” o imágenes. Usted sabe que estos de imágenes o texto vinculado. Aquí es cómo se puede añadir este texto sin formato.

Entrada:

Mover el puntero del ratón sobre mí!

Vídeo: TOP 10 TRUCOS DE MAGIA QUE CUALQUIERA PUEDE HACER (7ta parte)

Salida:

Mover el puntero del ratón sobre mí!

6. Cambio de fondo / Color de texto

Recogiendo los colores que todo el mundo disfruta es un negocio duro. En resumen, es imposible. Ya sea que usted viola el gusto personal de alguien o va a discriminar a las personas ciegas de color. Si quieres ser súper correcta, simplemente dejar que sus visitantes cambian los colores de fondo y de texto en su sitio web a sí mismos.

Entrada:

- -Color de fondo

- -Color de texto

Salida:

Esta demostración en realidad no va a funcionar aquí, que es por eso que he creado un ejemplo de trabajo de la misma en esta página (el enlace ya no está disponible).

7. Añadir un Switchmenu

Los efectos de HTML son más emocionantes efectos HTML dinámicas. Sin embargo, a menudo son guión basado. Aquí es uno de los efectos para los menús que he llegado a adorar. Es un poco más complicado que su normalito etiqueta HTML, ya que funciona con una sábana y guiones estilo. La ventaja es que usted no tiene que cargar un archivo CSS o secuencia de comandos para hacer que funcione, se puede plantar toda la información necesaria en el sección de su sitio web.

Entrada:

Agregue el código siguiente en el sección de su página:

Y este código va a donde desee que aparezca el menú dinámico.

temas

- Buscadores / Complementos

- Aplicaciones Web

- Cómo se hace Tips

- Software fresca

…¡y más!

Staff Writers

- Karl Gechlik

- Tina

- Varun Kashyap

…¡y más!