Me passa este tutorial

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

Me passa este tutorial

Mensagem por StyLe® em 09/06/12, 05:39 pm

Olá, Convidado eu quero saber o link do tutorial colocar cor atras do avatar

alguém me passa este tutorial

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Re: Me passa este tutorial

Mensagem por Josh em 09/06/12, 05:42 pm

Olá!

Painel de controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos JavaScript ->> Criar um novo javascript
Investimento
Seta Em todas as páginas
Código JS:
jQuery(document).ready(function(){
jQuery(".postprofile:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});
nomedorank Seta Altere o nome, exemplo, para os administradores coloque "equipefundoadm";
URL_DA_IMAGEM Seta Será o endereço eletrônico da imagem que será exibida após a postagem de um usuário.

Caso realizado, aceda á:
Painel de controle ->> Usuários e grupos ->> Ranks ->> Administração dos ranks ->>
Selecione um rank e clique em " Editar ", no título do mesmo altere para este:
<span class="equipefundo">NOME DO RANK</span>

equipefundo Seta Altere conforme mudar o valor "equipefundo" do código java script (o primeiro codigo), feito isto clique em salvar.

Códigos para cada versão:
Spoiler:
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')});

Atenciosamente,
Josh

Tópico movido de 'Discussões gerais' para 'Questões sobre códigos'


Última edição por Josh em 09/06/12, 06:07 pm, editado 1 vez(es)
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Re: Me passa este tutorial

Mensagem por StyLe® em 09/06/12, 05:43 pm

Josh, tem como me passar o Link do tutorial?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Re: Me passa este tutorial

Mensagem por Josh em 09/06/12, 05:50 pm

Olá!

Por enquanto não foi publicado pela moderação, mais o mesmo está aqui:
Spoiler:
Imagem nas postagens

Neste tutorial iremos aprender a implantar uma imagem de fundo, que fica na postagem de um usuário integrante de um específico rank.

--> 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("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')});
Os valores selecionados 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


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

Atenciosamente,
Josh
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Re: Me passa este tutorial

Mensagem por StyLe® em 09/06/12, 06:05 pm

Muito Obrigado Josh pode fechar

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

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