Mudar a cor do fundo do rank.

por Chineszinho 07.12.14 0:23

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : nao sei
Endereço do fórum : http://bvogames.forumeiros.com

Descrição do problema

queria saber como coloco uma cor no fundo do rank alguem poderia me ajudar por favor.

Print do jeito que eu quero colocar :https://uploaddeimagens.com.br/imagens/rank-png--7

por Pott3r 07.12.14 1:23

Por favor, hospede a imagem em outro site.
Não esta funcionando no site em que hospedou sua Imagem .

zen

por Reset 07.12.14 1:31

Olá!

Leia este tópico:

https://ajuda.forumeiros.com/t63375-como-colocar-o-fundo-das-mensagens-de-staff-igual-do-fdf#431213

Até mais,
Reset.

por Chineszinho 07.12.14 2:46

Reset acho que você não me entendeu eu quero colocar essa cor de fundo igual ta na print o verde olha ae ~> https://i.imgur.com/kWFitkl.png

por Pott3r 07.12.14 2:57

Cara é exatamente o tópico que ele passou,
Isso meio que é gerir um Efeito degrade.

Leia o tópico que ele passou.

zen

Até mais.

por Chineszinho 07.12.14 3:06

eu ja li mais não deu certo rs.

por LucasAllexandre 07.12.14 3:14

Voce podia dar um exemplo de como fazer .
Na hora de por o codigo : Título do rank

E tambem na hora de por o codigo java

por Chineszinho 07.12.14 3:18

sim eu acho que estou fazendo errado nessa parte lucas.

por LucasAllexandre 07.12.14 3:25

eu tambem

por Sennior 07.12.14 4:59

Boas,

Vamos lá, tentem de novo e deixe o efeito em vossos fórum.
Lembre-se que se tiver mais JavaScripts ativos em teu fórum, retirem por gentileza.

Até mais.

por LucasAllexandre 07.12.14 5:16

Título do rank

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

O que é o codigo .JS ???
Onde acho ele ???

por Sennior 07.12.14 5:20

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:

Título do rank

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.

Fórum dos Fóruns & MateusV.

Mudar a cor do fundo do rank. 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ços.

por LucasAllexandre 07.12.14 5:23

No meu ta bugado D:

por Sennior 07.12.14 5:33

Mande-me de como fica o bugado.
Até mais.

por LucasAllexandre 07.12.14 5:39

só aparece em baixo :
Mudar a cor do fundo do rank. XnP1OQD

por Alcohol 07.12.14 6:23

Ola,
va em: Painel de controle Seta

Visualização Seta

Cores

Cores de fundo, procure por Cor de fundo 2 apague os valores, veja se resulta!

Ate mais

por LucasAllexandre 07.12.14 6:28

Nao mudou nada

http://wegames.forumbrasil.net/t1-wegames-administracao-atual

por Chineszinho 08.12.14 21:47

eu ainda não conseguir colocar cor.

por Sennior 08.12.14 23:13

Saudações,

Peço que deixe o código ativo em teu fórum para que eu possa ver o erro.
Até mais.

por LucasAllexandre 09.12.14 0:06

Senior , vc poderia entrar no meu forum e resolver para mim ?

por StaaL 09.12.14 1:05

Ola: Saudações

Vi o poblema do seu code e vi que você tava com o mesmo erro
que eu tava a um tempo atraz e vou te ajudar

Fiz umas modficações no code JS espero que te ajudae
vamos la

Troque sei code JS por esse abaixo

Código:: $(function(){$('div.post:has("Game"), div.postmain:has(".gamecriando")').css('box-shadow','-80px -70px 200px rgba(145, 173, 8, 0.79) inset')});

1° Passo
As modficação não são mais preciso de imagem elas são mudados por code de cor no exeplo a que ta é 145, 173, 8, 0.79 podera coloca a cor que queira

Onde esta Game Coloque o nome do seu cargo
Onde esta .gamecriando tera que ser os mesmo nome do
code que irei colocar a baixo vamos para outra parte

Painel de Controle Seta

Usuarios e Grupos Seta

Administração dos Ranks
Escolha um rank e Edita o rank que quer e Coloque esse code

Código:: Game

2° Passo
Onde esta gamecriando Coloque o mesmo do code a cima
Onde esta Game Coloco o nome do seu rank

Salve e test para ver se resulta

Resultados? Aguardo respostas até by StaaL

por LucasAllexandre 09.12.14 4:12

como eu faço para o degrade intervir no perfil tambem ?

por Sennior 09.12.14 15:49

LucasAllexandre escreveu:como eu faço para o degrade intervir no perfil tambem ?

Boas,

Qual o link de teu fórum?
O degrade não fica no perfil de teu fórum creio eu, que é porque existe um Background por cima do degrade.
Até mais.

por LucasAllexandre 09.12.14 16:11

http://wegames.forumbrasil.net/

por Chineszinho 09.12.14 18:28

Pronto Sennior o código já esta ativado.

por StaaL 10.12.14 3:21

Chineszinho escreveu:Pronto Sennior o código já esta ativado.

Seu fórum esta com o link dezativado poderia atualizar o link do seu fórum para melhor nas edições até

por Sennior 10.12.14 5:16

Boas,

Notei que esta usando a propriedade box-shadow ao invés de usar a de imagem.
Poderia me mandar os códigos usado pelo senhor?

Até mais.

por LucasAllexandre 10.12.14 11:26

estou usando o q o staal passou logo acima

por Sennior 10.12.14 15:56

Amigo, coloque este código no Rank dos administradores, ele todo:
Painel de Controle Usuários Ranks Administração dos Ranks

Código:: Administradores

Nome do Rank: Este será o mesmo valor que o senhor colocou no código JavaScript.
Seta

Titulo do Rank: Será o titulo que irá aparecer nas postagens de teu fórum, ou seja Administrador, Moderador...etc.

Agora crie um novo JavaScript com o código abaixo:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Código que iria no JavaScript com investimento em todas as paginas:

Código:: jQuery(document).ready(function(){ jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right'); });

Depois Salve e visualize teu tópico.
Até mais.

por Chineszinho 10.12.14 16:43

pronto ja atualizei tenta agora

por Sennior 10.12.14 16:46

Boas,

O link de teu fórum não existe.
Poderia mandar o link correspondente ao teu fórum?

Abraços.

por Chineszinho 10.12.14 16:47

http://bvo-samp01.forumeiros.com/forum esse aqui

por Sennior 10.12.14 16:59

Sennior escreveu:Amigo, coloque este código no Rank dos administradores, ele todo:
Painel de Controle Usuários Ranks Administração dos Ranks
Código:
Administradores
Nome do Rank: Este será o mesmo valor que o senhor colocou no código JavaScript.
Titulo do Rank: Será o titulo que irá aparecer nas postagens de teu fórum, ou seja Administrador, Moderador...etc.

Agora crie um novo JavaScript com o código abaixo:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Código que iria no JavaScript com investimento em todas as paginas:
Código:
jQuery(document).ready(function(){ jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right'); });

Depois Salve e visualize teu tópico.
Até mais.

Fez o que eu pedi aqui?
Até mais.

por Chineszinho 10.12.14 17:19

feito mais ainda não deu certo. Não

queria que o meu ficasse igual esse que ta nesse tópico aqui.

por Sennior 10.12.14 18:46

Boas,

Volte a colocar no código do Rank este código:

Código:: Administradores

E no JavaScript este código:

Código:: jQuery(document).ready(function(){ jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right'); });

Até mais.

por Chineszinho 10.12.14 20:00

feito. mais não deu certo Não

por StaaL 11.12.14 2:13

Ola: o erro não esta com o code que o nosso amigo Sennior esta te passando
sim o modo que vc esta utilizando bom vamos ajudar

1° Deixe o code que o Sennior do JS Ativo para Todos os Tópicos e salve

2° Vai até Painel de Controle Usuarios e Grupos Administração dos rank
click em editar um rank Editar

Onde esta Titulo do Rank vc coloca esse Code

Código:: Administradores

Utilize o ultimo code que o sennior posta em JS que serio esse

Código:: jQuery(document).ready(function(){ jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right'); });

Atenção leia tudo que escrevemos que os seus erros é falta de atenção
para não volta acontecer o mesmo erro siga direitamente os passos dados pela
o Ajudeiro Sennior até

By StaaL

por Chineszinho 11.12.14 3:46

StaaL fiz tudo que você falou mais não deu certo :/

por Sennior 11.12.14 4:03

O problema esta sendo que nem o JavaScript esta ativando em teu fórum.
E também o grupo que estamos lhe passando nunca dará para ver... Vamos novamente:
Painel de Controle Usuários Ranks Administração dos Ranks

Código:: Programador(A)

Nome do Rank: Este será o mesmo valor que o senhor colocou no código JavaScript.
Seta

Titulo do Rank: Será o titulo que irá aparecer nas postagens de teu fórum, ou seja Administrador, Moderador...etc.

Agora crie um novo JavaScript com o código abaixo:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript
Código que iria no JavaScript com investimento em todas as paginas:

Código:: jQuery(document).ready(function(){ jQuery(".post:has('.programador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right'); });

Depois Salve e visualize teu tópico.
Até mais.

por Chineszinho 11.12.14 12:53

eu fiz tudo que voce falou mais ainda não deu certo Não

por Sennior 11.12.14 13:12

Boas,

Retire todos os seus códigos JavaScirpts e teste apena só código que eu passei.
Até mais.

por Chineszinho 11.12.14 20:03

Sennior continuar sem aparecer nada, aff acho que estou fazendo alguma coisa errada mais não sei o que é. Sennior o código que você esta me passando e para qual versão do fórum ?

por Alex Habilidade 11.12.14 23:23

Olá,

Poderia deixar o código ativo em seu fórum e publicar aqui o procedimento que o senhor esta fazendo e também os códigos que está usando?

por Chineszinho 11.12.14 23:54

ja esta ativado.

por Alex Habilidade 12.12.14 9:58

Olá!

Troque o JavaScript, por este:

Código:: jQuery(document).ready(function(){jQuery("div.post:has('.Programador')").css('background','url(http://i.imgur.com/7qdB15N.png) no-repeat bottom right')});

Para adquirir as cores conforme o grupo, faça um pedido na seção gráfica para alterar esta imagem: https://i.imgur.com/7qdB15N.png
Depois é só substituir com a que esta no código JS.

por Chineszinho 12.12.14 13:46

como assim alex voce poderia fazer para eu essas imagens ?

por Sennior 12.12.14 14:35

Boas,

Basta fazer o pedido na seção gráfica para as cores referentes ao teu grupo do fórum.
Até mais.

por Chineszinho 12.12.14 20:37

faço pedido de uma imagem ?

por Sennior 12.12.14 21:16

Sim amigo, veja:
Seta

https://i.imgur.com/7qdB15N.png
A imagem é da cor referente ao meu grupo, então o senhor poderá pedir na seção gráfica para alterar a cor para o grupos de teu fórum.

Entendeu?
Até mais.

por Chineszinho 12.12.14 21:39

ok sennior