1 [TUTORIAL] Sub Fóruns em lista vertical Sáb Jan 26, 2013 11:59 pm
Membro
Quakeline
Freedom Design Sub Fóruns em lista vertical |
Você poderá estruturar os sub-fóruns contidos em sua categoria para que os mesmos fiquem mais organizados e possar dar um tom de elegância ao fórum.
1º) Código utilizado:
Para a versão PunBB iremos utilizar este código
- Código:
jQuery(document).ready(function(){jQuery('td.tcl').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a><br>'));jQuery(this).find('a img:eq(0)').parent().before('<br>');});});
Para a versão PhpBB2 iremos utilizar este código
- Código:
jQuery(document).ready(function(){jQuery('.gensmall').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a><br>'));jQuery(this).find('a img:eq(0)').parent().before('<br>');});});
Para a versão PhpBB3 iremos utilizar este código
- Código:
jQuery(document).ready(function(){jQuery('ul.topiclist dd.dterm, ul.topiclist dt').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a><br>'));jQuery(this).find('a img:eq(0)').parent().before('<br>');});});
Para a versão Invision iremos utilizar este código
- Código:
jQuery(document).ready(function(){jQuery('p').each(function(){jQuery(this).html(jQuery(this).html().replace(/a>,/g,'a><br>'));jQuery(this).find('a img:eq(0)').parent().before('<br>');});});
2º) Inserindo o código JavaScript:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Depois você irá clicar em "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 do widget;
Código JavaScript - Neste campo teremos de inserir o código que corresponde a sua versão;
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º) Resultado:
PERGUNTAS E RESPOSTAS DO TUTORIAL
- Funciona em quais versões ?
Funciona em todas as versões por ser só um código JavaScript.
Atenção: Este tutorial faz parte do acervo de tutoriais do Freedom Design, sua cópia só é permitida com autorização dos administradores do fórum