Aumentar e diminuir a fonte dos tópicos - tutorial

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

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.

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.

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.

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?

Up

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!

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

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