Aumentar fonte na leitura dos post's

edu_fmc · November 04, 2010, 10:12:31 AM

Boas amigos,

Como o fórum em questão é para pessoas com deficiência, preciso de arranjar uma forma de possibilitar o aumento e diminuição da fonte após postarem. Ou seja, quando estão a ler um post terem dois icon's, um para aumentar e outro para diminuir o tamanho da fonte do post.

Já vi alguns sitio com códigos em javascript e ouvi falar que dá pra fazer em css. O problema é que não sei como colocar no fórum.

Alguém sabe? Ou sabe se já existe MOD para isso?

Abraço e obrigado

Spectrum..!! · November 04, 2010, 10:30:16 AM

Podemos procurar algo.

Só por curiosidade, utilizar-se da sequência CTRL + , CRTL - não ajuda neste sentido?

edu_fmc · November 04, 2010, 12:38:26 PM

Isso fará aumentar o forum todo, é opção do browser.
Não é isso que pretendo.

É algo como está aqui:

Code Select

http://oglobo.globo.com/economia/seubolso/mat/2007/09/27/297910349.asp
Esta na parte de cima da página, embaixo do topo e ao lado das opções "cadastre-se" e "login".

É o A+ e o A-

Um dos códigos que encontrei foi este:

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>   <script type="text/javascript"> // Início do código de Aumentar/ Diminuir a letra   // Para usar coloque o comando: "javascript:mudaTamanho('tag_ou_id_alvo', -1);" para diminuir // e o comando "javascript:mudaTamanho('tag_ou_id_alvo', +1);" para aumentar   var tagAlvo = new Array('p'); //pega todas as tags p//   // Especificando os possíveis tamanhos de fontes, poderia ser: x-small, small... var tamanhos = new Array( '9px','10px','11px','12px','13px','14px','15px' ); var tamanhoInicial = 2;   function mudaTamanho( idAlvo,acao ){   if (!document.getElementById) return   var selecionados = null,tamanho = tamanhoInicial,i,j,tagsAlvo;   tamanho += acao;   if ( tamanho < 0 ) tamanho = 0;   if ( tamanho > 6 ) tamanho = 6;   tamanhoInicial = tamanho;   if ( !( selecionados = document.getElementById( idAlvo ) ) ) selecionados = document.getElementsByTagName( idAlvo )[ 0 ];      selecionados.style.fontSize = tamanhos[ tamanho ];      for ( i = 0; i < tagAlvo.length; i++ ){     tagsAlvo = selecionados.getElementsByTagName( tagAlvo[ i ] );     for ( j = 0; j < tagsAlvo.length; j++ ) tagsAlvo[ j ].style.fontSize = tamanhos[ tamanho ];   } } // Fim do código de Aumentar/ Diminuir a letra   </script> </head>   <body> <a class="menos" href="javascript:mudaTamanho('texto', -1);">Diminuir</a> <a class="mais" href="javascript:mudaTamanho('texto', 1);">Aumentar</a>   <div style="font-size: 11px;" id="texto">     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur  scelerisque purus ut pede. Ut pulvinar diam vitae tellus. Nunc  ultricies. Nam rhoncus justo vel dui. Morbi suscipit enim. Praesent dui  dui, tincidunt eget, feugiat vel, tincidunt vel, elit. Curabitur tempus  consequat nunc. Aliquam erat volutpat. Vivamus a massa non libero  posuere blandit. Nulla ut velit quis leo luctus tincidunt. Vestibulum  eget leo in augue ornare fringilla. Suspendisse suscipit dui. </p>     <p>Nullam ultrices justo eget mi. Curabitur porta augue eget magna. Nam  imperdiet, ipsum eu aliquet interdum, justo ipsum pulvinar quam, quis  convallis mi sapien eu ante. Etiam ac sem. Ut bibendum. Nulla facilisi.  Vestibulum odio. Sed accumsan. Donec a dui. Cras lorem augue, egestas  vel, accumsan vel, elementum sit amet, nisl. Cras id dui. Sed nulla  ipsum, pulvinar et, suscipit a, vehicula eu, arcu. Fusce auctor nibh  eget risus. Vestibulum ante ipsum primis in faucibus orci luctus et  ultrices posuere cubilia Curae; Vestibulum vitae ante in odio dapibus  lobortis. </p> </div>   </body> </html>

Read more: http://www.yogodoshi.com/blog/utilitarios/script-para-o-usuario-poder-aumentar-e-diminuir-a-fonte-do-site#ixzz14KfvmFfy

TaijovuNeji · November 05, 2010, 09:58:26 AM

Testou o código q econtrou? Ele funciona com vc?
Se funcionar eu te ajudo a integrar isso com o smf

edu_fmc · November 05, 2010, 11:03:29 AM

O meu problema é coloca-lo no SMF... Nos post's do smf...

TaijovuNeji · November 05, 2010, 03:43:25 PM

Sim eu sei, foi nisso que eu disse que te ajudava..
Perguntei se tu testou o código para ver se funciona em alguma página html normal

edu_fmc · November 07, 2010, 12:52:57 PM

Ainda não testei não.. Só pesquisei...

TaijovuNeji · November 07, 2010, 06:18:16 PM

Teste para ver se funciona, ae eu te ajudo a colocar isso no smf

edu_fmc · November 15, 2010, 06:23:33 PM

Testado:

Podem ver: http://www.deficiente-forum.com/letra.html

Mas vou querer como no site que indico...

Se fosse possivel...

Spectrum..!! · November 30, 2010, 06:04:28 AM

Amigo edu_fmc, ainda necessita de ajuda para este tópico?

edu_fmc · December 03, 2010, 05:30:42 PM

Ainda sim amigo... Continuo sem saber como colocar esse código...

Spectrum..!! · December 06, 2010, 06:24:57 AM

Quote from: TaijovuNeji on November 07, 2010, 06:18:16 PM
Teste para ver se funciona, ae eu te ajudo a colocar isso no smf

Vamos aguardar o amigo TaijovuNeji um pouco mais....

TaijovuNeji · December 06, 2010, 10:06:01 PM

Desculpem pela demora em responder.

Vo modificar o display.template.php de um forum teste aqui no meu pc e conforme eu for fazendo isso eu vo criando um tutorial para você de como colocar esse código no forum, quando tiver pronto, eu postarei aqui.

::: EDIT :::

Terminei, até que foi relativamente simples.

No arquivo display.template.php procure por:

Code Select


// Can they reply? Have they turned on quick reply?

Antes disso cole este código:

Code Select


echo'<script type="text/javascript">

        var tagAlvo = new Array(\'p\'); 
        var tamanhos = new Array( \'9px\',\'10px\',\'11px\',\'12px\',\'13px\',\'14px\',\'15px\' ); 
        var tamanhoInicial = 2;   
        function mudaTamanho( idAlvo,acao ){   
            if (!document.getElementById) return   
            var selecionados = null,tamanho = tamanhoInicial,i,j,tagsAlvo;   
            tamanho += acao;   if ( tamanho < 0 ) tamanho = 0;   if ( tamanho > 6 ) tamanho = 6;   
            tamanhoInicial = tamanho;   
                if ( !( selecionados = document.getElementById( idAlvo ) ) ) selecionados = document.getElementsByTagName( idAlvo )[ 0 ];     
            selecionados.style.fontSize = tamanhos[ tamanho ];
            for ( i = 0; i < tagAlvo.length; i++ ){
                tagsAlvo = selecionados.getElementsByTagName( tagAlvo[ i ] );
                for ( j = 0; j < tagsAlvo.length; j++ ) tagsAlvo[ j ].style.fontSize = tamanhos[ tamanho ];   } } 
                
        
        </script>';
        echo '<a class="menos" href="javascript:mudaTamanho(\'msg_' . $message['id'] . '\', -1);"><img src="'.$settings['default_theme_url'].'/images/buttons/a-.png"></a>&nbsp;';
        echo '<a class="mais" href="javascript:mudaTamanho(\'msg_' . $message['id'] . '\', 1);"><img src="'.$settings['default_theme_url'].'/images/buttons/a+.png"></a> ';

As imagens devem estar dentro da pasta images/buttons do seu theme com o nome de a+.png e a-.png

Qualquer dúvida é só perguntar

edu_fmc · December 08, 2010, 07:17:23 PM

Resultou perfeitamente....

Muito obrigado amigo.

Abraço

TaijovuNeji · December 08, 2010, 07:36:01 PM

Disponha amigo ^^

News:

Aumentar fonte na leitura dos post's