Mensagem # 1 | 7:06 AM 2013-07-13
Olá galera.
Eu estava desenvolvendo um site e vi a necessidade de utilizar um javascript para alterar o tamanho da fonte do texto das entradas (postagens) do meu site.
O código javascript não é de minha autoria, só fiz adaptar ao sistema e não é permitido o uso comercial do mesmo.
Nota: Atualmente estou usando no módulo Notícias, então veja como adaptar em outros módulos.

Modo simples

Agora acesse Painel de Controle » Personalizar design » Edição de templates. No módulo Notícias acesse Aparência das postagens (imagem abaixo) e substitua o seguinte código:

Código
<script type="text/javascript" src="http://got.bugs3.com/jschangefontsize.php?EntryID=$ID$"></script>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
   <div style="float:right"> <a href="javascript:mudaFonte$ID$('menos')">A-</a> <a href="javascript:mudaFonte$ID$('mais')">A+</a></div>
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div id="eMessage$ID$" class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Anexos: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?>Categoria: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Visualizações: $READS$ |
<?if($USERNAME$)?>Adicionado por : <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?>
Data: <span title="$TIME$">$DATE$</span>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Comentários ($COMMENTS_NUM$)</a><?endif?>
</div></td></tr></table>


Modo avançado

Passo #1
Façam upload do jschangefontsize.php arquivo para o diretório php do seu site uCoz ou qualquer outro servidor externo externo
Código
    var tam = 12; // tamanho padrão da fonte. Pode ser alterado!
     

   // Função para fazer manipulação de cookies
   function createCookie(name,value,days)
   {
    if (days)
    {
     var date = new Date();
     date.setTime(date.getTime()+(days*24*60*60*1000));
     var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
   }

   // função que vai executar o tamanho das fontes

   function mudaFonte<?php echo $_GET["EntryID"]?>(tipo){
    if (tipo=="mais") {
     if(tam<30) tam+=2; // tam. max da fonte. valor definido aqui é 30. Pode ser alterado!
     createCookie('fonte',tam,365);
    } else {
     if(tam>9) tam-=2; // menor tam. da fonte menor valor 9.  Pode ser alterado!
     createCookie('fonte',tam,365);
    }
    document.getElementById('eMessage<?php echo $_GET["EntryID"]?>').style.fontSize = tam+'px';
   }


Passo #2
Agora acesse Painel de Controle » Personalizar design » Edição de templates. No módulo Notícias acesse Aparência das postagens
http://exemplo.ucoz.com.br/panel/?a=tmpl;m=6;t=3


Agora insira o código HTML na linha 1, este código chama o javascript personalizado para cada entrada
Código
<script type="text/javascript" src="http://php.ucoz.com.br/php/jschangefontsize.php?EntryID=$ID$"></script>

Nota: Substitua o URL http://php.ucoz.com.br/php/jschangefontsize.php pelo arquivo que você fez upload, ou se preferir use um já pronto http://got.bugs3.com/jschangefontsize.php, mas não ha garantia de que permaneça por muito tempo.

Passo #3
Depois insira o código HTML abaixo no local do título da entrada
Código
<div style="float:right"> <a href="javascript:mudaFonte$ID$('menos')">A-</a> <a href="javascript:mudaFonte$ID$('mais')">A+</a></div>


E já está pronto

O script foi testado.
Qualquer dúvida fiquem a vontade para perguntar.
Anexos: 3397091.jpg (18.7 Kb)
Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact.