[TUTORIAL] Imagem nas postagens

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

  • 0

[TUTORIAL] Imagem nas postagens Empty [TUTORIAL] Imagem nas postagens

Mensagem por Cream em 10.06.12 18:41

[TUTORIAL] Imagem nas postagens Theme Imagem nas postagens

Através deste tutorial você poderá aprender a implantar uma imagem de fundo em uma postagem, o fundo só irá aparecer para um integrante de um rank específico.

--> Tutoriais, dicas e astúcias <--
Imagem nas postagens para raks especificos




- Explorando o código:
Há códigos disponíveis para cada versão:

[TUTORIAL] Imagem nas postagens Logo phpBB3
jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

[TUTORIAL] Imagem nas postagens Logo phpBB2

jQuery(document).ready(function(){
jQuery(".forumline .row1, .forumline .row2:has('.nomedorank')").css('background','url(URL DA IMAGEM) repeat-y top left')});

[TUTORIAL] Imagem nas postagens Logo PunBB
jQuery(document).ready(function(){
jQuery(".post:has('.nomedorank')").css('background','url(URL DA IMAGEM) repeat-y top left')});

[TUTORIAL] Imagem nas postagens Logo Invision
jQuery(document).ready(function(){
jQuery(".postprofile:has('.nomedorank')").css('background','url(URL DA IMAGEM) repeat-y top left')});
Valor em vermelho -> Deverá ser alterado pelo nome do rank, de acordo com o que iremos aprender ao longo do tutorial.

- Inserindo código .JS:
Primeiro devemos adicionar o codigo .JS que irá fazer tal efeito em nosso forum, então deveremos aceder a:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo Java Script

(carregue na imagem para aumentar)
[TUTORIAL] Imagem nas postagens Painel10

[TUTORIAL] Imagem nas postagens 110111Seta Título - Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Imagem nas postagens 110210Seta Localização - No investimento, você deverá selecionar "Em todas as páginas".
[TUTORIAL] Imagem nas postagens 110310Seta Código JavaScript Código JavaScript
[TUTORIAL] Imagem nas postagens 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.

- Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle Seta Usuários Seta Ranks Seta Administração dos Ranks
Selecione um rank e clique no botão " Editar ":

(carregue na imagem para aumentar)
[TUTORIAL] Imagem nas postagens 131010

No campo "Título do rank" deverá substituir por este código:
<span class="nomedorank">Título do rank</span>
O valor vermelho será o comando do código .JS - E o campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".

- Resultado através de uma imagem:

(carregue na imagem para aumentar)
[TUTORIAL] Imagem nas postagens Tutorx10


--> FAQ do Tutorial <--
Imagem nas postagens para raks especificos




  • Vocês disponibilizam imagens para utilização?
    Algumas sim, certas utilizadas no FdF:
    [TUTORIAL] Imagem nas postagens XtFaN
    [TUTORIAL] Imagem nas postagens 6QFgj
    [TUTORIAL] Imagem nas postagens OsHYs
    [TUTORIAL] Imagem nas postagens Rb9If
    Caso contrário poderá pedir uma modificação na seção de Criações gráficas.




© Fórum dos Fóruns & MateusV.


[TUTORIAL] Imagem nas postagens Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Imagem nas postagens para raks especificos
Cream

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário https://ajuda.forumeiros.com

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


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