AgitaGAMES


Bem Vindos ao AgitaGAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!






Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar
Gerente

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





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

(Carregue para aumentar
)


Título - Pode colocar o título que quiser para a página, não irá afetar em nada.

Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.

Usar esta página como página inicial? - esta também deverá estar marcada como não, apesar de que não influencia em nada o código.

Código HTML - Coloque aqui o código que trabalhamos no item anterior.

Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.



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:

Código a utilizar:

;jQuery(document).ready(function(){jQuery('ul.profile-icons, .misc-icons, .post-options').append('[Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.]')});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'}};


Os locais aonde está de vermelho é aonde terá de inserir as respectivas imagens descritas no código.

Se quiserem utilizar um código já pronto está abaixo:

;jQuery(document).ready(function(){jQuery('ul.profile-icons, .misc-icons, .post-options').append('[Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.][Você precisa estar registrado e conectado para ver este link.]')});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



Título - Correspondente ao nome da página JavaScript/jQuery que será criada.


Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
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.

Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.

Resultado:



© Fórum dos Fóruns



Meu Fan ?

Ver perfil do usuário
avatar
Administrador
@Tópico Aberto!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/
avatar
Administrador
belo tutorial vai ajudar muitos as pessoas que querem esse utilitario





Ja Foi :
Moderador [X]
Gerente [  ]
Admistrador [X]

Minhas Metas :
200 Posts [X]
600 Posts [X]
1000 Posts [X]
2000 Posts [X]
2500 Posts [ ]

Oq Deveria ter Feito Na Epoca : (2011 - 2012)
Fazer T-lord parar De Floodar [ ]
Ter Ficado de Gerente Nao Moderador [ ]
Fazer Ipad E Zero Pararem Tmb De Floodar [ ]
Ver perfil do usuário http://www.zonetoony.net/
avatar
Simple The Best!
Muito bom tópico, tutorial que o povo procura no FDF, mas por conta de tantos tutoriais, acaba não achando.



Signs:

Spoiler:






Dj Bryan Recomenda:
- Respeite as Regras
- Não passe a sua senha a ninguém. Nem que prometa torná-lo Adminisitrador.
- Não cometa Flood ou Dual Post!
- FAQ
- Sempre que tiver dúvidas crie um tópico, não coloque sua dúvida no tópico de outro.
Ver perfil do usuário http://www.serverhabbo.com/
avatar
Administrador
Sim, isso mesmo.

Até logo!





Outras Sign´s::






 
Ver perfil do usuário http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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