Ver Mensaje Individual
  #3 (permalink)  
Antiguo 08/09/2010, 08:55
Avatar de Shaito
Shaito
 
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 13 años, 8 meses
Puntos: 37
Respuesta: Ajustar pagina a todas las resoluciones

Hola!

Conozco un método manual para aumentar o disminuir la letra.. pero es manual.

Si alguien sabe como modificarlo para que se haga automático al redimensionar la ventana aquí dejo el code:

Código Javascript:
Ver original
  1. <script type='text/javascript'>
  2. //<![CDATA[
  3. var tgs = new Array( 'div','td','tr');
  4. var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
  5. var startSz = 2;
  6. function ts( trgt,inc ) {
  7. if (!document.getElementById) return
  8. var d = document,cEl = null,sz = startSz,i,j,cTags;
  9. sz += inc;
  10. if ( sz < 0 ) sz = 0;
  11. if ( sz > 6 ) sz = 6;
  12. startSz = sz;
  13. if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];
  14. cEl.style.fontSize = szs[ sz ];
  15. for ( i = 0 ; i < tgs.length ; i++ ) {
  16. cTags = cEl.getElementsByTagName( tgs[ i ] );
  17. for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
  18. }
  19. }
  20. //]]>
  21. </script>

Y en el HTML o PHP ponemos los botones para agrandar o menguar el texto:
Código HTML:
Ver original
  1. <a href="javascript:ts('body',1)">A+</a> <a href="javascript:ts('body',-1)">a-</a>
También los puedes poner en forma de imagen:
Código HTML:
Ver original
  1. <a href="javascript:ts('body',1)"><img src="URL DE LA IMAGEN DE AUMENTAR TAMAÑO"/></a><a href="javascript:ts('body',-1)"><img src="URL DE LA IMAGEN DE DISMINUIR TAMAÑO"/></a>


---------------------
Fuente: http://www.latrucotecadeblogs.com/2009/07/codigo-para-aumentar-disminuir-tamano.html