Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje22-08-2009, 10:11 (UTC)    
Título del mensaje: Cambiar el tamaño de la letra

He estado buscando y no he encontrado nada, me preguntaba si se podría poner algo como esto en mi web
Para que los usuarios puedan aumentar o disminurir el tamaño de la fuente .


Gracias por la respuesta de antemano
Saludos!!
______________

www.TusPajaros.es.tl Versión 2.0 © F.C.H.M. (2009-2011)
Mensaje22-08-2009, 18:52 (UTC)    
Título del mensaje: Re: Cambiar el tamaño de la letra

tuspajaros escribió:
He estado buscando y no he encontrado nada, me preguntaba si se podría poner algo como esto en mi web
Para que los usuarios puedan aumentar o disminurir el tamaño de la fuente .


Gracias por la respuesta de antemano
Saludos!!


Mire este tema.

http://www.paginawebgratis.es/forum/viewtopic.php?t=27274

Saludos!
______________
CssPlantillas - Moderador Paginawebgratis.es

SIGUENOS EN REDES SOCIALES:
Mensaje22-08-2009, 19:48 (UTC)    
Título del mensaje:

Hola!,
te dejo otra opción:

Cita:
En "Texto por encima de la página" (Editar diseño/Configuraciones avanzadas) vamos a pegar este code:
Cita:
<style type="text/css">
/* Fuente pequeña */
.nivel1 {font-size: 12px;}

/* Fuente normal */
.nivel2 {font-size: 16px;}

/* Fuente grande */
.nivel3 {font-size: 18px;}
</style>
<script language="javascript">
function tamFuente (nivel, elem) {
var elemento = document.getElementById(elem)
elemento.className = "nivel"+nivel;
}
</script>


En rojo te marqué el tamaño al que se reducirá al presionar el botón de reducir fuente.
En verde te marqué lo que sería el tamaño normal del texto
En azul te marqué el tamaño al que aumentará al presionar el botón de aumentar fuente.

Edita esos valores como más te guste.

Luego vamos a "Controlar páginas" y en la página en la que deseas mostrar las opciones de Aumentar y Achicar fuente pegarás este code habiendo presionado previamente el botón "Fuente HTML":

Cita:
<ul>
<li class="nivel1">
<a href="javascript:tamFuente(1,'contenido');">a-</a>
</li>
<li class="nivel2">
<a href="javascript:tamFuente(2,'contenido');">a</a>
</li>
<li class="nivel3">
<a href="javascript:tamFuente(3,'contenido');">a+</a>
</li>
</ul>
</ul>
<div id="contenido" class="nivel1">
Esta es una frase de ejemplo.
</div>


En donde está lo marcado en rojo debe estar el texto que se modificará de tamaño al presionar los links A-, A o A+

Fuente: http://www.webintenta.com/aumentar-el-tamano-de-un-texto-con-javascript.html


Salu2!
Mensaje22-08-2009, 21:59 (UTC)    
Título del mensaje:

Gracias por la respuesta!!, pero tengo otra duda, no podría poner una imagen tipo lo que puse en vez de que me salga A-, A o A+?¿

Gracias y Saludos!!!
______________

www.TusPajaros.es.tl Versión 2.0 © F.C.H.M. (2009-2011)
Mensaje22-08-2009, 22:50 (UTC)    
Título del mensaje:

Si claro!,
en vez de usar este code:
Código:
<ul>
<li class="nivel1">
<a href="javascript:tamFuente(1,'contenido');">a-</a>
</li>
<li class="nivel2">
<a href="javascript:tamFuente(2,'contenido');">a</a>
</li>
<li class="nivel3">
<a href="javascript:tamFuente(3,'contenido');">a+</a>
</li>
</ul>
</ul>
<div id="contenido" class="nivel1">
Esta es una frase de ejemplo.
</div>


Usas este:
Cita:
<ul>
<li class="nivel1">
<a href="javascript:tamFuente(1,'contenido');"><img border="0" src="URL DE LA IMAGEN A-"></a>
</li>
<li class="nivel2">
<a href="javascript:tamFuente(2,'contenido');"><img border="0" src="URL DE LA IMAGEN A"></a>
</li>
<li class="nivel3">
<a href="javascript:tamFuente(3,'contenido');"><img border="0" src="URL DE LA IMAGEN A+"></a>
</li>
</ul>
</ul>
<div id="contenido" class="nivel1">
Esta es una frase de ejemplo.
</div>


Salu2!
Mensaje11-09-2009, 20:29 (UTC)    
Título del mensaje:

Hola!, Gracias por el código, pero me he fijado que hay webs en las que al darle a "aumentar" o "disminuir" aumentan y disminuyen el tamaño de fuente un par de veces, osea que puedes apretar 3 veces(o más) el "Aumentar" y cada vez que presiones la letra se hace mayor, no se si me explico.

Algo como esto: http://www.carlosleopoldo.com/post/jquery-plugin-fontsizer/

Saludos!!
______________

www.TusPajaros.es.tl Versión 2.0 © F.C.H.M. (2009-2011)


Ultima edición por tuspajaros el Vie Sep 11, 2009 4:43 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group