FREEDOM DESIGN

Liberdade de edição


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [TUTORIAL] Sub Fóruns em lista vertical em Sab Jan 26, 2013 11:59 pm

Membro

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



"Aquele que trabalha duro pode superar um gênio,mas,de nada adianta trabalhar duro se você não confia em você mesmo"
Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum