[TUTORIAL] Personalizar indicação de fórum visualizado

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Membro Entusiasta

[TUTORIAL] Personalizar indicação de fórum visualizado Empty [TUTORIAL] Personalizar indicação de fórum visualizado

Mensagem por Luciano98 05.04.12 19:24

               
[TUTORIAL] Personalizar indicação de fórum visualizado Magic   Personalizar indicação de fórum visualizado

O efeito que será trabalhado no tutorial consiste em uma modificação de indicador dos fóruns. Veja que sempre ao visualizar um tópico, terá o nome da categoria, fóruns, sub-fóruns e etc...

--> Tutoriais, dicas e astúcias <--
Personalizar indicação de fórum visualizado


- Código utilizado:
Código:
   jQuery(document).ready(function(){l='CODIGO';i='#main-content ul#navstrip.clearfix li';if(jQuery(i).length){jQuery(i).prepend(l+' ');jQuery(i).css({'background-image':'url(a)','padding-left':'0px','color':jQuery(i+' a').css('color')})}else{if(jQuery('#phpbb').length){v='.topic-actions p.nomargin.path,.topic-actions .pathname-box'}else if(jQuery('.pun').length){v='div.pun-crumbs p.crumbs'}else{v='div.nav,td.nav[width="100%"] span.nav'};jQuery(v).each(function(){jQuery(this).html(jQuery(this).html().replace(/»/g,l).replace(/::/g,l))})}});
CODIGO = Caractere ou imagem que substituirá a indicação do fórum visualizado.

- Inserindo o código JavaScript:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".

(carregue na imagem para aumentar)
   [TUTORIAL] Personalizar indicação de fórum visualizado Painel13

[TUTORIAL] Personalizar indicação de fórum visualizado 110111Seta Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
[TUTORIAL] Personalizar indicação de fórum visualizado 110210Seta Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
[TUTORIAL] Personalizar indicação de fórum visualizado 110310Seta Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
[TUTORIAL] Personalizar indicação de fórum visualizado 110410Seta Confirmar - Por fim, após adicionar o código, terá de clicar neste botão para salvar a criação. Se você clicar em um outro botão ou em uma outra seção, as mudanças não serão validadas.
- O resultado final:
[TUTORIAL] Personalizar indicação de fórum visualizado Sem_ta99



© Fórum dos Fóruns


[TUTORIAL] Personalizar indicação de fórum visualizado Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Personalizar indicação de fórum visualizado
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos