Como colocar o fundo das mensagens de staff igual do fdf

Item: Como colocar o fundo das mensagens de staff igual do fdf
Rating: 1
Author: Forumeiros

por Otto D'Slytherin em Qui 19 Jul 2012 - 1:34

Qual é minha questão:
Gostaria de saber como colocar esta imagem, meio um fade, que os staffs do FdF têm.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://institutoboulevaire.forumeiros.com

Versão do meu fórum:
Não sei

por MateusV. em Qui 19 Jul 2012 - 1:37

Olá!

Cheque o conteúdo do spoiler

Spoiler:

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

1º - 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("td.row2:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

PunBB

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

Invision

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

Valor em vermelho -> Deverá ser alterado pelo nome do rank, de acordo com o que iremos aprender ao longo do tutorial.

2º - 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 Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript Criar um novo Java Script

(carregue na imagem para aumentar)

Título - Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização - No investimento, você deverá selecionar "Em todas as páginas".

Código JavaScript Código JavaScript

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.

3º - Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle Usuários Ranks 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".

4º - 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.