[TUTORIAL] Background diferente para cada fórum Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[TUTORIAL] Background diferente para cada fórum

Ir para baixo

[TUTORIAL] Background diferente para cada fórum Empty [TUTORIAL] Background diferente para cada fórum

Mensagem por seender 08.01.13 19:48

[TUTORIAL] Background diferente para cada fórum Magic 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.
[TUTORIAL] Background diferente para cada fórum Versio12 PhpBB 3
jQuery(document).ready(function(){
jQuery('li.row:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});
[TUTORIAL] Background diferente para cada fórum Versio11 PhpBB 2
jQuery(document).ready(function(){
jQuery('td.row1.over:eq(0)').attr('style','background-image:url(Endereço-da-imagem)');
});
[TUTORIAL] Background diferente para cada fórum Versio14 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)');
});
[TUTORIAL] Background diferente para cada fórum Versio15 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)
[TUTORIAL] Background diferente para cada fórum Sem_t109
  • 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
[TUTORIAL] Background diferente para cada fórum Painel13
[TUTORIAL] Background diferente para cada fórum 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Background diferente para cada fórum 110210Seta 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.
[TUTORIAL] Background diferente para cada fórum 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Background diferente para cada fórum 110410Seta 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://2img.net/i/fa/fdf3/bg.png)');
        });
(carregue na imagem para aumentar)
[TUTORIAL] Background diferente para cada fórum Ex10




© Fórum dos Fóruns & Naoko


[TUTORIAL] Background diferente para cada fórum Act_bottom 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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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