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 Empty [TUTORIAL] Sub Fóruns em lista vertical em Sab Jan 26, 2013 11:59 pm

Membro

[TUTORIAL] Sub Fóruns em lista vertical RzqynRL 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 [TUTORIAL] Sub Fóruns em lista vertical Puce_fleche Módulos [TUTORIAL] Sub Fóruns em lista vertical Puce_fleche HTML & JAVASCRIPT [TUTORIAL] Sub Fóruns em lista vertical Puce_fleche Gestão dos códigos JavaScript

Depois você irá clicar em "[TUTORIAL] Sub Fóruns em lista vertical AjouterCriar um novo JavaScript"

[TUTORIAL] Sub Fóruns em lista vertical 2u5q428

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:

[TUTORIAL] Sub Fóruns em lista vertical A3yxja


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



[TUTORIAL] Sub Fóruns em lista vertical CubfqnF
"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