Cómo agregar botón para cambiar tamaño de texto en sitio web

ChatOrbi · 12 Jun 2013

Como instalo un boton para agrandar y achicar el texto de la web?

Como esta señalado aqui:

Cicklow · 12 Jun 2013

ChatDelMundo dijo:
Como instalo un boton para agrandar y achicar el texto de la web?

Como esta señalado aqui:

podrias ver el code fuente de esa pagina y ver como funciona... es un simple JS+CSS

Bruno · 12 Jun 2013

tal vez te sirve este link botones arriva aumentar/reducir texto - Foros Joomla! Spanish - Tu comunidad Joomla! en español

ChatOrbi · 12 Jun 2013

cicklow dijo:
podrias ver el code fuente de esa pagina y ver como funciona... es un simple JS+CSS

En el codigo fuente sale asi:

HTML:

<li class="icon_items">
<a class="text-less" href="#" onclick="achicarFuente(); return false;" title="Achicar Texto"></a>
<a class="text-more" href="#" onclick="aumentarFuente(); return false;" title="Agrandar Texto"></a>

Que archivo subo o que edito para que salga asi?

VRed · 12 Jun 2013

Ahora busca las funciones de javascript...

ChatOrbi · 12 Jun 2013

Bruno dijo:
tal vez te sirve este link botones arriva aumentar/reducir texto - Foros Joomla! Spanish - Tu comunidad Joomla! en español

Ya probe el codigo que sale hay y no funciona, el post del autor dice que tampoco,

No uso joomla, grax de todos modos! :encouragement:

VRed · 12 Jun 2013

Dame la url de esto....

ChatDelMundo dijo:
En el codigo fuente sale asi:

HTML:

<li class="icon_items"> <a class="text-less" href="#" onclick="achicarFuente(); return false;" title="Achicar Texto"></a> <a class="text-more" href="#" onclick="aumentarFuente(); return false;" title="Agrandar Texto"></a>

Que archivo subo o que edito para que salga asi?

ChatOrbi · 12 Jun 2013

VRed dijo:
Dame la url de esto....

es esta: https://www.porvenir.com.co

Lo raro es que la ultima vez que entre funcionaba bien,

Ahora no esta funcionando como antes esos botones :ambivalence:

VRed · 12 Jun 2013

Aqui tienes las funciones de Javascript

PHP:

function aumentarFuente(){
		var currentFontSize = $('body').css('font-size');		
		if (currentFontSize < "16px") {
			var currentFontSizeNum = parseFloat(currentFontSize, 10);			
			var newFontSize = currentFontSizeNum + 1;
			$('body').css('font-size', newFontSize);
		}
		
		var currentFontSizeWP = $('.ms-WPBody').css('font-size');			
		if (currentFontSizeWP < "14px") {
			var currentFontSizeNumWP = parseFloat(currentFontSizeWP, 10);			
			var newFontSizeWP = currentFontSizeNumWP + 1;
			$('.ms-WPBody').css('font-size', newFontSizeWP);
		}
		return false;

	}
	  // Decrease Font Size
function achicarFuente(){
	  	var currentFontSize = $('body').css('font-size');
	  	if (currentFontSize > "13px") {	
	
			var currentFontSizeNum = parseFloat(currentFontSize, 10);
			var newFontSize = currentFontSizeNum - 1;	
		
			$('body').css('font-size', newFontSize);
	  	}
	  	
	  	var currentFontSizeWP = $('.ms-WPBody').css('font-size');
	  	if (currentFontSizeWP.substr(0,currentFontSizeWP.length - 2)  > "11") {	
			var currentFontSizeNumWP = parseFloat(currentFontSizeWP, 10);
			var newFontSizeWP = currentFontSizeNumWP - 1;			
			$('.ms-WPBody').css('font-size', newFontSizeWP);
	  	}
		return false;			

	  }