[TUTORIAL] Personalização da legenda dos grupos

1 [TUTORIAL] Personalização da legenda dos grupos Ter Mar 26, 2013 5:31 pm

T-Lord
Admin

Premios ( 4 )

Posts : 611
Pontos : 1597
Reputação : 5
Data de inscrição : 17/03/2013

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

1º - 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('
Legenda : [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] |
');$("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:: [list=1] [*]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 : <a href="/g1-">Grupo 1</a> | <a href="/g2-">Grupo 2</a></div>');$("td.genmed .groups, .mod_bookmarks .groups,em.social-bookmark .groups").css("display","none");}); [/list]

2º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Expandir esta imagem Ver em tamanho real
[TUTORIAL] Personalização da legenda dos grupos Painel13

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

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

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

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

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 110310

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

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

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:

1 [TUTORIAL] Personalização da legenda dos grupos Ter Mar 26, 2013 5:31 pm