Hacker of the Web
Tus ideas en código!...y mas

Texto que crece solo

Se podría utilizar para publicidad o para cualquier otra razón que requiera una atención especial, lo sencillo de esto no es que aumente por si solo de tamaño si no que colocarlo es aún mas.

/!\ En esta entrada se asume que tienes conocimientos de como editar la plantilla. Si no sabes como o donde se modifica, revisa esta entrada: Donde editar el código HTML de nuestra plantilla.



[1]Solo tienes que dirigirte a Edición de HTML, y colocar despues de <head> y antes de </head> el siguiente script:

<script language="JavaScript"> 
var banZoom = null
function creceLetra()
{
var obj = banZoom
var tma
tma = parseInt(obj.style.fontSize)
window.status = obj.style.fontSize
if (tma<obj.maxTam)
{
obj.style.fontSize = tma + 1
setTimeout("creceLetra("+obj.maxTam+")",20)
}
else
setTimeout("resetear()",500)

}
function resetear(mn, mx, rapidez, idBan)
{
if (banZoom == null)
{
banZoom = document.getElementById(idBan)
banZoom.maxTam = mx
banZoom.minTam = mn
banZoom.rapidez = rapidez
}
banZoom.style.fontSize = banZoom.minTam
setTimeout("creceLetra()",rapidez)
}
</script>


[2] Y luego de instalarlo, donde quieras mostrarlo, ya sea un gadget o en la plantilla, necesitarás agregar el siguiente código para mostrarlo:
<div id="letras" style="text-align:center;position:absolute; font-size:10px; height:56px;width:100%; background-color: #CCFFCC;border: 1px solid #000000;">AQUI EL TEXTO QUE AUMENTA SOLO</div>
<script>resetear(1, 48, 10, 'letras')</script>


[Modificaciones]

text-align:center
Alineacion del Texto:left,center,left,justify.

font-size:10px
Tamaño del texto inicial:big middle o tamaño en pixéles

height:56px
Alto del div, o contenedor: pixeles o porcentaje

width:100%
Ancho del div, o contenedor: pixeles o porcentaje

background-color: #CCFFCC
Fondo del div, o contenedor: Colores en RGB o Hexadecimal.

border: 1px solid #000000
1px=ancho del borde
#000000=color
solid= tipo de borde(solid,dotted,double,dashed)
Borde del div, o contenedor: Colores en RGB o Hexadecimal.

TEXTO QUE AUMENTA SOLO
Este se reemplaza por el que requieras.


/!\ En esta entrada se asume que tienes conocimientos de como agregar un gadget. Si no sabes como agregar un gadget, revisa esta entrada: como insertar o crear/eliminar o mover un gadget.

#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

Sé el primero y comenta !


Página Principal
Arriba