[TUTORIAL] Aumentar e diminuir a fonte dos tópicos
Página 1 de 1
[TUTORIAL] Aumentar e diminuir a fonte dos tópicos
![]() | Fontes dos tópicos |
Com este tutorial irá aprender a criar um tipo de nova função, para aumentar o texto da página sendo assim terá dois botões, poderá diminuir e aumentar o texto.
--> Tutoriais, dicas e Astúcia <--
Aumentar e diminuir a fonte dos tópicos
Aumentar e diminuir a fonte dos tópicos
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).
2º - Inserir o código para reproduzir o texto no fórum definido:
Devemos colocá-lo em um campo que seja mostrado no fórum definido, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código.
Para adicionar o código aceda a:
Painel de Controle -> Geral -> Fórum -> Configurações
Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.
O código será:
Por exemplo, no FdF:<script src="ENDERECO-DA-PAGINA-HTML"></script>
<script src="https://ajuda.forumeiros.com/h5-regras"></script>
3º - Código à utilizar:
Os locais aonde está de vermelho é aonde terá de inserir as respectivas imagens descritas no código.;jQuery(document).ready(function(){jQuery('ul.profile-icons, .misc-icons, .post-options').append('<a href="javascript:fontUp();return false"><img src="Imagem para aumentar texto"></a><a href="javascript:fontReset();return false"><img src="Imagem que ficará entre o botão de aumentar e diminuir"></a><a href="javascript:fontDown();return false" ><img src="Imagem do botão para diminuir as fontes"></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'}};
Se quiserem utilizar um código já pronto está abaixo:
- 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'}};
Com uma nova atualização da forumeiros poderá adicionar o código diretamente sem precisar de se utilizar a descrição do fórum...
4º - Criar e administrar as páginas:
Com essa opção será possível adicionar-mos o Javascript ao fórum sem muitos problemas, mas lembre-se que antes de publicar essa página .JS, pré-visualize a mesma.
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
![[TUTORIAL] Aumentar e diminuir a fonte dos tópicos Atuali10](https://i.servimg.com/u/f43/16/63/75/54/atuali10.png)
![]() | ![]() |
![]() | ![]() No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos seus sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Nos tópicos : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum. |
![]() | ![]() |
3º - O resultado final:
![[TUTORIAL] Aumentar e diminuir a fonte dos tópicos Saa10](https://i.servimg.com/u/f46/12/46/70/00/saa10.png)
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Aumentar e diminuir a fonte dos tópicos |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Aumentar e diminuir a fonte dos tópicos - tutorial
» Aumentar e diminuir a fonte dos tópicos
» Botões de aumentar e diminuir a fonte
» Diminuir o tamanho da fonte da fonte dos topicos
» Sobre onde aumentar ou diminuir a fonte do fórum
» Aumentar e diminuir a fonte dos tópicos
» Botões de aumentar e diminuir a fonte
» Diminuir o tamanho da fonte da fonte dos topicos
» Sobre onde aumentar ou diminuir a fonte do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos