En algunos caso a nuestros lectores se les hace dificil el poder leer el contenido de nuestro blog o sitio web, debido al tamaño de fuente que hemos elegido para el mismo, para ello podríamos ofrecerle a ellos la posibilidad de escoger que tipo de fuente, les facilitaria la lectura, como implimentando un simple script con el que podrán aumentar o disminuir el texto.
Que debemos pegar antes de el <Head> del blog o sitio web.
<script language="javascript1.2">
var fuente=15
function original(){
var tamano_original=15 //aqui tienes q definir el tamaño original.
document.getElementById("Tu_id").style.fontSize = tamano_original
}
function aumentar(){
fuente = fuente + 1
if (fuente > 20)
{
fuente=20 // numero de fuente grande
}
aumento_fuente = fuente+"px"
document.getElementById("Tu_id").style.fontSize=aumento_fuente;
}
function disminuir(){
fuente = fuente - 1
if (fuente < 10)
{
fuente=10 // numero de fuente pequeña.
}
disminuir_fuente = fuente+"px"
document.getElementById("Tu_id").style.fontSize=disminuir_fuente;
}
</script>
Una vez pegado el script, debemos pegar esté otro código dentro de nuestro <Body> en el propio HTML, o en algún elemento HTML/JAVASCRIPT, esté se mostrára al visitante para que pueda modificar el texto para aumentarlo será Original A+ y para disminuirlo a-. Puedes modificar estó y colocarles alguna imagen.
Solo Texto:
<a href="#" onclick="original();">Original</a> | <a href="#" onclick="aumentar();">A+</a> | <a href="#" onclick="disminuir();">a-</a>
Con Imagenes:
<a href="#" onclick="original();"><img src="http://www.tudominio.xxx/imagen texto original.jpg" border='0'/></a> | <a href="#" onclick="aumentar();"><img src="http://www.tudominio.xxx/imagen texto aumentado.jpg" border='0'/></a> | <a href="#" onclick="disminuir();"><img src="http://www.tudominio.xxx/imagen texto disminuido.jpg" border='0'/></a>
Otra herramienta para el visitante.
No hay comentarios.:
Publicar un comentario
Para entendernos mejor:
* - Comentar sobre lo leido.
* - Colocar Nombre/URL, en el selector, sino se está registrado en Google, OpenID u otras de las opciones aquí mostradas.
* - No permitiremos insultos o inscitaciones a la violencia.
* - Lo que comentes es tú responsabilidad.
* - Los comentarios anónimos serán borrados, sino se adactan a las normativas, recomendamos usar Nombre/URL.
Nota a considerar:
* Los comentarios están siendo moderados.
* Contactanos a través de contacto, para cualquier sugerencia, duda o problematica, relacionada con el tema públicado.
Siguenos:
Sigue los post usando un lector de RSS - Twitter: @CeamTm - Facebook: WebCeam