[TUTORIAL] Personalização da legenda dos grupos

Ir para baixo

[TUTORIAL] Personalização da legenda dos grupos Empty [TUTORIAL] Personalização da legenda dos grupos

Mensagem por seender 21.12.12 0:23


[TUTORIAL] Personalização da legenda dos grupos Index_12

Personalização da legenda dos grupos

Hoje iremos fazer utilização de códigos JavaScript e códigos CSS para podemos modificar a legenda dos grupos de nossos fóruns conforme nossa vontade, sem limitação, podendo ter nossos grupos com um nome e mostra-los ou não com outros textos na página principal do fórum.



--> Tutoriais, dicas e astúcias <--
Personalização da legenda dos grupos



- Código a ser utilizado:
jQuery(document).ready(function(){
jQuery('table.forumline[width="100%"][border="0"] tbody tr td.row1:eq(117), em,table.forumline[width="100%"][border="0"] tbody tr td.row1:eq(66), #onlinelist p:eq(2),td.row2 div:eq(40)').html('<div class=groups>Legenda : <b><a href="Endereço-do-grupo"><span class="gensmall" style="color: Cor em Hexadecimal;">Nome do Grupo</span></a></b>  |  </div>');$("td.genmed .groups, .mod_bookmarks .groups,em.social-bookmark .groups").css("display","none");});

Preto -> O texto que virá antes do nome dos grupos.
Violeta -> Será a cor do grupo, pode ser hexadecimal (ex: #000) ou em inglês (black).
Vermelho -> Neste local irá modificar adicionando o nome do grupo.
Verde -> Nesta área será substituido pelo link do grupo. (ex: /g1-).

O local que está de negrito poderá ser multiplicado e adicionar mais nomes de grupos, veja um exemplo de código montado abaixo:
Código:
jQuery(document).ready(function(){
jQuery('table.forumline[width="100%"][border="0"] tbody tr td.row1:eq(117), em,table.forumline[width="100%"][border="0"] tbody tr td.row1:eq(66), #onlinelist p:eq(2),td.row2 div:eq(40)').html('<div class=groups>Legenda : <b><span class="gensmall"><a href="/g1-"><span class="gensmall" style="color: #FF5500;">Grupo 1</span></a></b>  |  <b><span class="gensmall"><a href="/g2-"><span class="gensmall" style="color: green;">Grupo 2</span></a></b></div>');$("td.genmed .groups, .mod_bookmarks .groups,em.social-bookmark .groups").css("display","none");});


- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
[TUTORIAL] Personalização da legenda dos grupos Painel13
[TUTORIAL] Personalização da legenda dos grupos 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Personalização da legenda dos grupos 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Personalização da legenda dos grupos 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Personalização da legenda dos grupos 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • Resultado:
    (carregue na imagem para aumentar)
    [TUTORIAL] Personalização da legenda dos grupos Sem_t114





© Fórum dos Fóruns


[TUTORIAL] Personalização da legenda dos grupos Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Personalização da legenda dos grupos
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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