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
Personalizar indicação de fórum visualizado
1º - 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.
2º - 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".
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; |
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; |
Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior; |
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. |
3º - O resultado final: