[TUTORIAL] Background diferente para cada fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Background diferente para cada fórum

Mensagem por seender em 08/01/13, 05:48 pm

Personalização dos fóruns
Neste tutorial será ensinado mais uma técnica para personalizar ainda mais o seu fórum, lendo este tutorial irá aprender a adicionar uma imagem para cada fórum.



--> Tutoriais e astúcias <--
Background diferente para cada fórum



- Código a ser utilizado:
Cada versão tem um código, então terá somente de escolher o da sua versão! A parte em vermelho terá de ser configurada, mas ela será explicada mais para o fim deste pontos.
PhpBB 3
jQuery(document).ready(function(){
jQuery('li.row:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});
PhpBB 2
jQuery(document).ready(function(){
jQuery('td.row1.over:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});
Invision
jQuery(document).ready(function(){
jQuery('td.row2.icon:eq(0)').append("<style>td.row2.icon{padding-left:45px !important;}</style>").attr('style','background-image:url(Endereço-da-imagem)');
});
PunBB
jQuery(document).ready(function(){
jQuery('td.tcl:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});
O local de vermelho é aonde deverá inserir o número correspondente a posição do fórum, veja a imagem para entender realmente o que se pede.
(carregue na imagem para aumentar)
  • A contagem dos fóruns irá começar pelo número 0.
  • De forma crescente poderá se obter o número.


Por fim o texto de rosa deverá ser substituído pelo link da imagem que será exibida no plano de fundo do fórum.

- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

  • Exemplo e resultado:

Código:
jQuery(document).ready(function(){
                    jQuery('li.row:eq(0)').attr('style','background-image:url(http://illiweb.com/fa/fdf3/bg.png)');
        });
(carregue na imagem para aumentar)




© Fórum dos Fóruns & Naoko


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Background diferente para cada fórum
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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