Aumentar e diminuir a fonte dos tópicos - tutorial

3 participantes

Ir para baixo

Tópico resolvido Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes 27.05.12 20:26

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

https://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 31.05.12 19:30, editado 1 vez(es)
Julian de L. Lopes
Julian de L. Lopes
Novo Membro

Membro desde : 09/05/2012
Mensagens : 14
Pontos : 20

http://resilientorder.alianceforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por MateusV. 27.05.12 20: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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes 27.05.12 20: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.
Julian de L. Lopes
Julian de L. Lopes
Novo Membro

Membro desde : 09/05/2012
Mensagens : 14
Pontos : 20

http://resilientorder.alianceforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por MateusV. 27.05.12 20: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
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes 27.05.12 21: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?
Julian de L. Lopes
Julian de L. Lopes
Novo Membro

Membro desde : 09/05/2012
Mensagens : 14
Pontos : 20

http://resilientorder.alianceforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes 30.05.12 20:28

Up
Julian de L. Lopes
Julian de L. Lopes
Novo Membro

Membro desde : 09/05/2012
Mensagens : 14
Pontos : 20

http://resilientorder.alianceforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Sennior 30.05.12 20: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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar e diminuir a fonte dos tópicos - tutorial

Mensagem por Julian de L. Lopes 31.05.12 19:29

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

Podem fechar o tópico e obrigado pela atenção àqueles que o responderam.
Julian de L. Lopes
Julian de L. Lopes
Novo Membro

Membro desde : 09/05/2012
Mensagens : 14
Pontos : 20

http://resilientorder.alianceforum.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos