Tamaño de las fuentes a gusto del visitante



Este script lo encontré en Vagabundia hace tiempo y lo añadí a un blog de pruebas para ver el resultado, ahí quedó hasta que la pregunta de un amigo bloguero me hizo recordarlo.
Con este script podemos aumentar el tamaño de las fuentes del blog, o si lo preferimos de una parte en concreto

Para utilizarlo podemos descargarlo desde la página del autor o del script que J.Miur amablemente nos proporciona. El lugar indicado para añadirlo en nuestra plantilla es justo antes de </head>


<script type="text/javascript">
var tgs=new Array('div','td');
var szs=new Array('xx-small','x-small','small','medium','large','x-large','xx-large');
var startSz=2;
function ts(trgt,inc) {
if (!document.getElementById) return

var d=document,
cEl=null,sz=startSz,i,j,cTags;
sz += inc;
if (sz &lt; 0) sz=0;
if (sz &gt; 6) sz=6;
startSz=sz;
if ( !(cEl=d.getElementById(trgt))) cEl=d.getElementsByTagName(trgt)[0];
cEl.style.fontSize=szs[sz];
for (i=0 ; i &lt; tgs.length; i++) {
cTags=cEl.getElementsByTagName(tgs[i]);
for (j=0; j &lt; cTags.length ; j++) cTags[j].style.fontSize=szs[sz];
}
}
</script>



Una vez guardamos los cambios nos dirigimos a plantilla de diseño para añadir un nuevo elemento de página y escogemos HTML/Javascript en su interior añadiremos lo siguiente:

<a href="javascript:ts('body',1)"> AUMENTAR </a>
<a href="javascript:ts('body',-1)"> DISMINUIR </a>

Si miramos nuestro blog comprobaremos que aparecen dos enlaces de texto, AUMENTAR y DISMINUIR y al clicar se produce el efecto en la totalidad del blog. Si deseamos el efecto en una parte determinada del blog sustituimos 'body' por 'main' si es para las entradas o 'sidebar' si es para la columna.
Esto último puede variar según la plantilla y deberíamos mirar el DIV que corresponde a la parte que vamos a aplicar el efecto.

Otra modificación sería sustituir el texto AUMENTAR y DISMINUIR por una imagen en este caso lo haremos suprimiendo el texto y en su lugar añadimos <img src="url-imagen"/>
El resultado sería algo así: (Imágenes extraídas sigilosamente de Vagabundia)

Ver efecto en funcionamiento


0 comentarios:

Publicar un comentario