GameZer Online


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 8:15 pm

Quakeline

avatar
[Você precisa estar registrado e conectado para ver esta imagem.]
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 [Você precisa estar registrado e conectado para ver esta imagem.] Módulos [Você precisa estar registrado e conectado para ver esta imagem.] HTML & JAVASCRIPT [Você precisa estar registrado e conectado para ver esta imagem.] Gestão dos códigos JavaScript

Depois você irá clicar em "[Você precisa estar registrado e conectado para ver esta imagem.]Criar um novo JavaScript"

[Você precisa estar registrado e conectado para ver esta imagem.]

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:

[Você precisa estar registrado e conectado para ver esta imagem.]


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



Última edição por Quakeline em Dom Jan 27, 2013 11:51 am, editado 1 vez(es)



[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]

Meus Trabalhos


Assinaturas

Spoiler:
[Você precisa estar registrado e conectado para ver esta imagem.]

2 Re: [TUTORIAL] Sub Fóruns em lista vertical em Sab Jan 26, 2013 11:39 pm

Admin

avatar

Se o tutorial não for de sua autoria, coloque os créditos. Se for, obrigado muito por compartilhar. Very Happy

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