Deixar "grupos" com este efeito como a do Fdf?

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

Resolvido Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 7:15

Qual é minha questão:
Eu queria saber o código para deixar alguns "grupos" com este efeito:
http://img841.imageshack.us/img841/5287/semttulotys.png

Como alguns utilizadores do forumeiros tem.

Aguardo por ajuda.





Medidas que eu tomei para corrigir o problema:
nenhuma

Links e imagens do meu problema:


Endereço do meu fórum:
http://runescapetuga.forumeiro.com/

Versão do meu fórum:
PHPBB3


Última edição por dgy em Sex 25 Maio 2012 - 20:14, editado 1 vez(es)
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por Luciano98 em Sex 25 Maio 2012 - 8:48

Olá!

Você se refere ao nome do grupo do usuário ou ao fundo da mensagem do mesmo?

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 16:45

Olá,

Penso que seja ao fundo da mensagem, como você tem neste momento alaranjado.

Até mais.
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por MateusV. em Sex 25 Maio 2012 - 17:50

Boa noite.

Peço que cheque o conteúdo do spoiler:
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

Abraço. Piscada

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 18:40

Olá,

Infelizmente, eu fiz isso tudo e não resultou...=/

Ou se calhar percebi mal, podia me simplificar o que está ai em códigos e com o exemplo do nome "Admin" e com esta imagem: http://i.imgur.com/XtFaN.png ?

Até mais.
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por Josh em Sex 25 Maio 2012 - 18:59

Olá,

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Crie um novo java script com o "Investimento" marcado "Nos tópicos", com o seguinte código:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});
Reformule o valor em negrito mudando o nome, exemplo, para os adminitradores coloque "equipefundoADM", mudando tambem o url da imagem, feito isto aceda ao seu:
Painel de Controle Seta Usuários Seta Ranks Seta Administração dos Ranks
Selecione o rank do administrador e clique em " Editar " e coloque este código no título do mesmo:
<span class="equipefundo">NOME DO RANK</span>
O valor em negrito mudará conforme mudar a parte em negrito do código java script (o primeiro código), feito isto clique em salvar.

Até mais,
Josh Muito feliz
avatar

Josh
Membro do Fórum

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

Ver perfil do usuário

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 19:40

Olá,

Pronto e já está um começo!

Agora só falta resolver 2 problemas:

1- O fundo cinzento claro desapareceu e quero que ele volte. (como se pode ver na imagem seguinte)
Veja aqui como está o original com o fundo cinzento claro: http://runescapetuga.forumeiro.com/t35-termos-de-uso
2- E que aquilo comece pelo lado esquerdo e não o direito como se pode ver na imagem.

http://img834.imageshack.us/img834/3440/semttulohxr.png

Até mais.
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por MateusV. em Sex 25 Maio 2012 - 19:44

Boa noite.

Substitua o código por este
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right').css('background-color', '#EDEDED');});

Abraço. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 19:54

Os mesmo problemas continuam...

Veja na seguinte imagem :

http://img85.imageshack.us/img85/2284/semttulohp.png
(deverá ter as informações necessárias para me ajudar)

Até mais.
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por Josh em Sex 25 Maio 2012 - 19:56

Olá,

Troque por este:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right').css('background-color', '#616161');});
Até mais.
avatar

Josh
Membro do Fórum

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

Ver perfil do usuário

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 20:05

Olá,

Agora falta, principalmente, trocar a cena vermelha para o lado esquerdo.
imagem - http://img215.imageshack.us/img215/5430/semttuloplk.png

Até mais.
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.com/

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por Luciano98 em Sex 25 Maio 2012 - 20:09

Olá!

Substitua por esse código:
Código:
jQuery(document).ready(function(){jQuery('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top left').css('background-color', '#616161')});

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Deixar "grupos" com este efeito como a do Fdf?

Mensagem por dgy em Sex 25 Maio 2012 - 20:14

Era exactamente isso que queria!!!

OBRIGADO A TODOS, e

Até uma próxima. Muito feliz
avatar

dgy
Nível 10

Masculino
Inscrito dia : 10/06/2011
Mensagens : 289
Pontos Ativos : 425

Ver perfil do usuário http://runescapetuga.forumeiro.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