swgames
Resgistre-se
swgames
Resgistre-se

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1Fubuky 

Fubuky
Administrador
Administrador

https://swgames.forumeiros.com
Qua maio 22, 2013 10:25 pm
[TUTORIAL] Colocar Imagen em topicos da staff.
Descrição:
[TUTORIAL] Colocar Imagen em topicos da staff. Theme
[TUTORIAL] Colocar Imagen em topicos da staff.

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:

[TUTORIAL] Colocar Imagen em topicos da staff. LogoPhpbb3

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

[TUTORIAL] Colocar Imagen em topicos da staff. LogoPhpbb2

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

[TUTORIAL] Colocar Imagen em topicos da staff. LogoPunBB

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

[TUTORIAL] Colocar Imagen em topicos da staff. LogoInvision

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

Valor em NOMEDORANK -> 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 seta Modulos seta HTML & JAVASCRIPT seta Gestão dos codigos javascript seta Criar um novo java script

[TUTORIAL] Colocar Imagen em topicos da staff. Painel10

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 seta Usuários seta Ranks seta Administração dos Ranks
Selecione um rank e clique no botão de modificar

[TUTORIAL] Colocar Imagen em topicos da staff. 131010

No campo "Título do rank" deverá substituir por este código:

Título do rank

O valor NOME DO RANK 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:


[TUTORIAL] Colocar Imagen em topicos da staff. Tutorx10

2xano 

xano
Administrador
Administrador

Qua maio 22, 2013 10:59 pm
muito bom tutorial exelente
ate mais

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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