GameZer Online


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

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

1[TUTORIAL] Sub Fóruns em lista vertical Empty [TUTORIAL] Sub Fóruns em lista vertical Sáb Jan 26, 2013 8:15 pm

Quakeline

Quakeline
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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 [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript

Depois você irá clicar em "[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]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:

[Tens de ter uma conta e sessão iniciada para poderes visualizar 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)

Admin

Admin

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 Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos