martes, julio 29, 2014

Escribir en HTML 2


Holaa!! hace mucho no me conecto xD estaba jugando a jueguitos como siempre xD hoy los voy a asombrar con estos 3 efectos para textos super hermosos *-*. En este tutorial enseño a escribir en HTML a varias maneras muy lindas, y las puedes editar a tu gusto o mezclar creando algo único & original ^^

1er estilo:

Te gustaría escribir así?.....
Hola ^^

este es el código...

<span style="color: silver; font-size: 13px; line-height: normal;"><span style="text-shadow: 1px 1px 1px #da1d94, 1px 1px 1px #da1d94, -1px -1px 1px #1ddada, -1px -1px 1px #1ddada, 0px 0px 6px #dada1d, 0px 0px 6px #dada1d, 0px 0px 6px #dada1d, 0px 0px 6px #dada1d;"><span style="font-size: 65pt;"><span style="font-family: 'script MT bold';">TU TEXTO AQUÍ</span></span></span></span>

El text shadow es el brillo, el font size es el tamaño de la letra, el color es el color de la letra (puedes poner el nombre de un color en inglés o el código del color que quieras ^^) y  la font family es la fuente del texto :3


2do estilo:

Te gustaría escribir así?.....


Hola 

este es el código... 
<span style="font-size: 72px; color: #cc99ff;"><strong><span style="text-shadow: 0px 0px 2px white, 6px -6px 5px fuchsia, 9px -9px 5px blue, 12px -12px 5px #00ffff, 15px -15px 5px yellow;"><span style="font-family: 'trebuchet ms',helvetica,sans-serif; letter-spacing: -5px; line-height: 53.3333px;">TU TEXTO AQUÍ</span></span></strong></span>

Edita las propiedades del texto a tu gusto :3 puedes cambiarle los colores, la fuente, etc. para crear el efecto a tu preferencia, o juega con los códigos para lograr algo bien original^^ 

3er estilo:

Te gustaría escribir así?...

H o l a 



este es el código... 
<strong style="font-family: verdana; font-size: 72px;"><span style="text-shadow: black 0px 0px 2px, lime 25px 0px 20px, #00ffff 0px 25px 20px, fuchsia -25px 0px 20px, yellow 0px -25px 20px;"><span style="letter-spacing: -15px;"><span style="font-family: verdana, geneva;"><span style="color: #666699;">TU TEXTO AQUÍ</span></span></span></span></strong>

Este efecto puedes escribirlo todo junto o entre espacios (en el ejemplo yo tuve que escribir así: H O L A), y alterar las propiedades para modificar el efecto a tu gusto y que quede lindo ^^ 

Espero que les hayan gustado los efectos, si usas alguno por favor DA LOS CRÉDITOS!!!!porque me costó mucho lograr los efectos >.<!!!!!! 
Si tienes alguna duda o problema,
comenta en esta entrada ^^

No hay comentarios:

Publicar un comentario