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

por dgy 25.05.12 11:15

Qual é minha questão:
Eu queria saber o código para deixar alguns "grupos" com este efeito:
https://2img.net/r/ihimizer/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

por Luciano98 25.05.12 12:48

Olá!

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

Até mais.

por dgy 25.05.12 20:45

Olá,

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

Até mais.

por MateusV. 25.05.12 21:50

Boa noite.

Peço que cheque o conteúdo do spoiler:

Spoiler:

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

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

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')});

Os valores selecionados 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)

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

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

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

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

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

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

Código JavaScript Código JavaScript

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

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)

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

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)

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

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

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

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.

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

por dgy 25.05.12 22: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: https://i.imgur.com/XtFaN.png ?

Até mais.

por Josh 25.05.12 22:59

Olá,

Painel de Controle Módulos HTML & JAVASCRIPT 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(https://2img.net/r/ihimizer/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 Usuários Ranks 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

por dgy 25.05.12 23: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.

https://2img.net/r/ihimizer/img834/3440/semttulohxr.png

Até mais.

por MateusV. 25.05.12 23:44

Boa noite.

Substitua o código por este

$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right').css('background-color', '#EDEDED');});

Abraço.

por dgy 25.05.12 23:54

Os mesmo problemas continuam...

Veja na seguinte imagem :

https://2img.net/r/ihimizer/img85/2284/semttulohp.png
(deverá ter as informações necessárias para me ajudar)

Até mais.

por Josh 25.05.12 23:56

Olá,

Troque por este:

$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right').css('background-color', '#616161');});

Até mais.

por dgy 26.05.12 0:05

Olá,

Agora falta, principalmente, trocar a cena vermelha para o lado esquerdo.
imagem - https://2img.net/r/ihimizer/img215/5430/semttuloplk.png

Até mais.

por Luciano98 26.05.12 0: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.

por dgy 26.05.12 0:14

Era exactamente isso que queria!!!

OBRIGADO A TODOS, e

Até uma próxima. Muito feliz

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

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

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

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

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

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

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

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

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

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

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

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

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

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