[TUTORIAL] Imagem nas postagens

Responder ao tópico

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

  • 0

[TUTORIAL] Imagem nas postagens

Mensagem por Cream em 10/06/12, 02:41 pm

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:

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

phpBB2

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

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

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)

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

- 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)

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)


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




  • Vocês disponibilizam imagens para utilização?
    Algumas sim, certas utilizadas no FdF:




    Caso contrário poderá pedir uma modificação na seção de Criações gráficas.




© Fórum dos Fóruns & MateusV.


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
avatar

Cream
Principal contribuidor
Principal contribuidor

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

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

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