Aumentar e diminuir a fonte dos tópicos - tutorial

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes em Dom 27 Maio 2012 - 16:26

Qual é minha questão:
Gostaria de aplicar os códigos ditos neste tutorial:

http://ajuda.forumeiros.com/t50856-tutorial-aumentar-e-diminuir-a-fonte-dos-topicos

O problema é que parece que está faltando um código, que seria o código da página HTML.
No tutorial, só há o código para Javascript.

Será que alguém poderia montar um código para a página HTML que fizesse o script em java funcionar?


Agradeço a atenção.

Medidas que eu tomei para corrigir o problema:
Tentei colocar o mesmo código javascript tanto na página HTML quanto na Java, mas já suspeitando que não iria funcionar (não custava nada tentar).



Links e imagens do meu problema:


Endereço do meu fórum:
http://resilientorder.alianceforum.com/

Versão do meu fórum:
INVISION


Última edição por Julian de L. Lopes em Qui 31 Maio 2012 - 15:30, editado 1 vez(es)
avatar

Julian de L. Lopes
Nível 2

Masculino
Inscrito dia : 09/05/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://resilientorder.alianceforum.com/

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por MateusV. em Dom 27 Maio 2012 - 16:32

Boa tarde.

Você deseja que o código funcione numa página HTML personalizada certo? Se sim, poderia me fornecer o código da página para que eu possa edita-la?

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes em Dom 27 Maio 2012 - 16:38

O Código que utilizei foi este:

Código:
    ;jQuery(document).ready(function(){jQuery('ul.profile-icons, .misc-icons, .post-options').append('<a href="javascript:fontUp();return false"><img src="http://1.bp.blogspot.com/-laYbe7nEkbM/Tk9V2dUMX_I/AAAAAAAAFr8/V2teyR2L8ck/s1600/94.png"></a><a href="javascript:fontReset();return false"><img src="http://3.bp.blogspot.com/-pONUjnFLMB0/Tk9V2o0LFGI/AAAAAAAAFsE/_--4SHM3it4/s1600/96.png"></a><a href="javascript:fontDown();return false" ><img src="http://3.bp.blogspot.com/-j-rPgvI4dEA/Tk9V2n-P8SI/AAAAAAAAFsA/R3U1Kdq35Jo/s1600/95.png"></a>')});function fontReset(){var o=document.getElementById('main-content');if(o.style.fontSize==''){o.style.fontSize='12px'};if(o.style.fontSize=='10px'){o.style.fontSize=''};if(o.style.fontSize=='11px'){o.style.fontSize=''};if(o.style.fontSize=='12px'){o.style.fontSize=''};if(o.style.fontSize=='13px'){o.style.fontSize=''};if(o.style.fontSize=='14px'){o.style.fontSize=''};if(o.style.fontSize=='15px'){o.style.fontSize=''};if(o.style.fontSize=='16px'){o.style.fontSize=''};if(o.style.fontSize=='17px'){o.style.fontSize=''};if(o.style.fontSize=='18px'){o.style.fontSize=''};if(o.style.fontSize=='19px'){o.style.fontSize=''};if(o.style.fontSize=='20px'){o.style.fontSize=''};if(o.style.fontSize=='21px'){o.style.fontSize=''};if(o.style.fontSize=='22px'){o.style.fontSize=''};if(o.style.fontSize=='23px'){o.style.fontSize=''};if(o.style.fontSize=='24px'){o.style.fontSize=''}};function fontUp(){var o=document.getElementById('main-content');if(o.style.fontSize==''){o.style.fontSize='12px'};if(o.style.fontSize=='10px'){o.style.fontSize='11px'}else if(o.style.fontSize=='11px'){o.style.fontSize='12px'}else if(o.style.fontSize=='12px'){o.style.fontSize='13px'}else if(o.style.fontSize=='13px'){o.style.fontSize='14px'}else if(o.style.fontSize=='14px'){o.style.fontSize='15px'}else if(o.style.fontSize=='15px'){o.style.fontSize='16px'}else if(o.style.fontSize=='16px'){o.style.fontSize='17px'}else if(o.style.fontSize=='17px'){o.style.fontSize='18px'}else if(o.style.fontSize=='18px'){o.style.fontSize='19px'}else if(o.style.fontSize=='19px'){o.style.fontSize='20px'}else if(o.style.fontSize=='20px'){o.style.fontSize='21px'}else if(o.style.fontSize=='21px'){o.style.fontSize='22px'}else if(o.style.fontSize=='22px'){o.style.fontSize='23px'}else if(o.style.fontSize=='23px'){o.style.fontSize='24px'}};function fontDown(){var o=document.getElementById('main-content');if(o.style.fontSize==''){o.style.fontSize='12px'};if(o.style.fontSize=='24px'){o.style.fontSize='23px'}else if(o.style.fontSize=='23px'){o.style.fontSize='22px'}else if(o.style.fontSize=='22px'){o.style.fontSize='21px'}else if(o.style.fontSize=='21px'){o.style.fontSize='20px'}else if(o.style.fontSize=='20px'){o.style.fontSize='19px'}else if(o.style.fontSize=='19px'){o.style.fontSize='18px'}else if(o.style.fontSize=='18px'){o.style.fontSize='17px'}else if(o.style.fontSize=='17px'){o.style.fontSize='16px'}else if(o.style.fontSize=='16px'){o.style.fontSize='15px'}else if(o.style.fontSize=='15px'){o.style.fontSize='14px'}else if(o.style.fontSize=='14px'){o.style.fontSize='13px'}else if(o.style.fontSize=='13px'){o.style.fontSize='12px'}else if(o.style.fontSize=='12px'){o.style.fontSize='11px'}else if(o.style.fontSize=='11px'){o.style.fontSize='10px'}};


Eu adicionei ele numa página HTML com o referenciamento dela na Descrição do fórum:

Código:
<script src=/h5-></script>

Depois, fiz uma página Javascript exatamente com o mesmo código da página HTML.


Eu errei ao dizer no tópico que isto não funcionou.
Na verdade funcionou sim, só que de um modo que eu não esperava:

No tutorial, aparecia 3 botões na parte de coma das mensagens, mas no meu fórum apareceu 6 botões (cada um foi duplicado) e ainda por cima apareceram bem embaixo das mensagens do lado esquerdo. Veja por si mesmo.

Se puder corrigir o que errei, fico agradecido.
avatar

Julian de L. Lopes
Nível 2

Masculino
Inscrito dia : 09/05/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://resilientorder.alianceforum.com/

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por MateusV. em Dom 27 Maio 2012 - 16:43

Boa tarde.

Substitua o código por este
Código:
jQuery(document).ready(function(){jQuery('ul.profile-icons, .misc-icons, .post-options').append('<a href="javascript:fontUp();return false"><img src="http://i47.servimg.com/u/f47/16/97/93/56/9410.png"></a><a href="javascript:fontReset();return false"><img src="http://i47.servimg.com/u/f47/16/97/93/56/9610.png"></a><a href="javascript:fontDown();return false"><img src="http://i47.servimg.com/u/f47/16/97/93/56/9510.png"></a>')});function fontReset(){var o=document.getElementById('main-content');if(o.style.fontSize==''){o.style.fontSize='12px'};if(o.style.fontSize=='10px'){o.style.fontSize=''};if(o.style.fontSize=='11px'){o.style.fontSize=''};if(o.style.fontSize=='12px'){o.style.fontSize=''};if(o.style.fontSize=='13px'){o.style.fontSize=''};if(o.style.fontSize=='14px'){o.style.fontSize=''};if(o.style.fontSize=='15px'){o.style.fontSize=''};if(o.style.fontSize=='16px'){o.style.fontSize=''};if(o.style.fontSize=='17px'){o.style.fontSize=''};if(o.style.fontSize=='18px'){o.style.fontSize=''};if(o.style.fontSize=='19px'){o.style.fontSize=''};if(o.style.fontSize=='20px'){o.style.fontSize=''};if(o.style.fontSize=='21px'){o.style.fontSize=''};if(o.style.fontSize=='22px'){o.style.fontSize=''};if(o.style.fontSize=='23px'){o.style.fontSize=''};if(o.style.fontSize=='24px'){o.style.fontSize=''}};function fontUp(){var o=document.getElementById('main-content');if(o.style.fontSize==''){o.style.fontSize='12px'};if(o.style.fontSize=='10px'){o.style.fontSize='11px'}else if(o.style.fontSize=='11px'){o.style.fontSize='12px'}else if(o.style.fontSize=='12px'){o.style.fontSize='13px'}else if(o.style.fontSize=='13px'){o.style.fontSize='14px'}else if(o.style.fontSize=='14px'){o.style.fontSize='15px'}else if(o.style.fontSize=='15px'){o.style.fontSize='16px'}else if(o.style.fontSize=='16px'){o.style.fontSize='17px'}else if(o.style.fontSize=='17px'){o.style.fontSize='18px'}else if(o.style.fontSize=='18px'){o.style.fontSize='19px'}else if(o.style.fontSize=='19px'){o.style.fontSize='20px'}else if(o.style.fontSize=='20px'){o.style.fontSize='21px'}else if(o.style.fontSize=='21px'){o.style.fontSize='22px'}else if(o.style.fontSize=='22px'){o.style.fontSize='23px'}else if(o.style.fontSize=='23px'){o.style.fontSize='24px'}};function fontDown(){var o=document.getElementById('main-content');if(o.style.fontSize==''){o.style.fontSize='12px'};if(o.style.fontSize=='24px'){o.style.fontSize='23px'}else if(o.style.fontSize=='23px'){o.style.fontSize='22px'}else if(o.style.fontSize=='22px'){o.style.fontSize='21px'}else if(o.style.fontSize=='21px'){o.style.fontSize='20px'}else if(o.style.fontSize=='20px'){o.style.fontSize='19px'}else if(o.style.fontSize=='19px'){o.style.fontSize='18px'}else if(o.style.fontSize=='18px'){o.style.fontSize='17px'}else if(o.style.fontSize=='17px'){o.style.fontSize='16px'}else if(o.style.fontSize=='16px'){o.style.fontSize='15px'}else if(o.style.fontSize=='15px'){o.style.fontSize='14px'}else if(o.style.fontSize=='14px'){o.style.fontSize='13px'}else if(o.style.fontSize=='13px'){o.style.fontSize='12px'}else if(o.style.fontSize=='12px'){o.style.fontSize='11px'}else if(o.style.fontSize=='11px'){o.style.fontSize='10px'}};

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes em Dom 27 Maio 2012 - 17:03

Continua a mesma coisa.

Eu mudei o código na página HTML e na página Javascript. Os botões continuam duplicados e aparecendo no canto esquerdo inferior, ao invés de aparecer no canto direito superior como é mostrado no tutorial.

Será que por eu colocar os 2 códigos tanto no HTML quanto no Javascript eles estejam duplicados?
Como fazê-los ficarem no canto direito superior?
avatar

Julian de L. Lopes
Nível 2

Masculino
Inscrito dia : 09/05/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://resilientorder.alianceforum.com/

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes em Qua 30 Maio 2012 - 16:28

Up
avatar

Julian de L. Lopes
Nível 2

Masculino
Inscrito dia : 09/05/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://resilientorder.alianceforum.com/

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Sennior em Qua 30 Maio 2012 - 16:30

Olá!
Não compreendi o que queres muito bem, mas adicione em seu CSS E veja se resulta:

Código:
.post .postbody,.post .postbody *{font-size:TAMANHOpx!important}

Cordialmente! Muito feliz
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes em Qui 31 Maio 2012 - 15:29

Não é mais necessário.
Vou retirar este script...

Podem fechar o tópico e obrigado pela atenção àqueles que o responderam.
avatar

Julian de L. Lopes
Nível 2

Masculino
Inscrito dia : 09/05/2012
Mensagens : 14
Pontos Ativos : 20

Ver perfil do usuário http://resilientorder.alianceforum.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum