Gerir imagens degrades no fundo das postagens

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

Resolvido Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 07/09/15, 03:09 pm

Detalhes da questão


Endereço do fórum: http://kdabra.forumbrasil.net/
Versão do fórum: PunBB

Descrição


Olá boa tarde. Gostaria que os administradores, moderadores e membros vips, do meu fórum, tivessem em suas postagens, uma cor diferente em comparação com os membros/usuários normais.

Por exemplo, no fórum fumetteiros, vemos que o administrador tem em sua postagem, a cor vermelha. O gerente tem a cor violeta, e assim por diante.

http://fumetteiros.omeuforum.net/t136-apresentacao#9652

Gostaria de saber os códigos pra eu criar essas cores diferentes, para cada membro especial ou não, do fórum Kdabra.

Sem mais, agradeço-lhes pela atenção.

Abraços,

Banzé
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Alex Habilidade em 07/09/15, 03:11 pm

Olá,

Leia este tutorial:

Imagem nas postagens
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 07/09/15, 05:23 pm

Esse tutorial é bem vago, e não explica direito as coisas.

Por exemplo:

1º - Explorando o código:

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


Na parte nomedorank, eu devo colocar por exemplo administrador ? Eu coloquei e não saiu direito.

E url _da_imagem, eu devo colocar qual imagem ? Triste
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por SneakMen em 07/09/15, 08:18 pm

Olá

Recomendo esses tutos:Tuto 1 Tuto 2 Tuto 3 Tuto 4

E aqui tem uns tipos de cores

Caso queira cores para teste:Cores

Atenciosamente
SneakMen
avatar

SneakMen
Nível 8

Masculino
Inscrito dia : 05/08/2015
Mensagens : 107
Pontos Ativos : 150

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

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 08/09/15, 03:01 pm

Novamente não deu certo. Triste

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

Essa parte do url _da_imagem , não é explicado corretamente, fica muito vago, qual imagem devo colocar ??? Triste
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por SneakMen em 08/09/15, 03:13 pm

Coloque essa :http://i58.tinypic.com/35a21ow.png
e a parte escrita .nomedorank você coloca o rank que deseja como fundador administrador que tenha na administração de ranks.
avatar

SneakMen
Nível 8

Masculino
Inscrito dia : 05/08/2015
Mensagens : 107
Pontos Ativos : 150

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

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 08/09/15, 04:28 pm

Deu certo, onde posso conseguir outras cores, amigo Sneak ?

Gostaria de azul, verde e amarelo. Muito feliz
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por SneakMen em 08/09/15, 04:31 pm

Você mesmo pode editar as cores ou pedir em pedidos gráficos Muito feliz .

Esta aqui as cores:Verde Amarelo Azul
avatar

SneakMen
Nível 8

Masculino
Inscrito dia : 05/08/2015
Mensagens : 107
Pontos Ativos : 150

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

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 08/09/15, 05:17 pm

Uma coisa que percebi, é que fundador e administrador só aceitou a cor do fundador. Tentei colocar outra cor para administrador, a cor vermelha, mas não aceitou, pegou a cor azul de fundador. Triste

Será por que o fundaor também é administrador do forum, e o forum aceitou apenas a cor do fundador ??? Feliz
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Shek em 09/09/15, 10:57 am

Se ambos usarem o mesmo rank, ele usará a mesma cor. Se você tem um rank de administrador e outro de fundador, e ambos com cores diferentes aplicados em usuários diferentes, não haverá erros em relação a cor. Feliz


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 09/09/15, 02:24 pm

Tem algo errado. Triste

Tentei fazer o degrade verde, para moderador, e mudou tudo, os administradores ficaram com o visual verde para moderador, e sumiu o efeito azul para administrador.

Eu utilizei esses códigos, onde errei ???

$(function(){$('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/5mtyZei.png) repeat-y top right')}); escreveu:
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Fraise em 09/09/15, 02:28 pm

Olá,

Isso é só um código certo? Troque por este:
Código:
$(function(){$('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundomoderador")').css('background','url(http://i.imgur.com/5mtyZei.png) repeat-y top right')});

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 09/09/15, 02:31 pm

Hum, coloquei estes códigos, e administrador voltou ao degrade azul.

Mas o degrade para moderador, que é verde, não apareceu ?? Triste

Apareceu o azul de novo, o que fazer ??? Triste

Quero assim:

Degrade azul: administradores
Degrade verde: moderadores
Degrade vermelho: membros vips

Gostaria, por favor, dos códigos certos. Feliz


Última edição por banzé em 09/09/15, 02:49 pm, editado 1 vez(es)
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Fraise em 09/09/15, 07:18 pm

Olá,

Poderia me fornecer todos os códigos que está utilizando para cada rank?

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 10/09/15, 02:51 pm

Código javaScript:

degrade-administrador

$(function(){$('div.post:has(".equipeadministrador"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/7KCHPH3.png) repeat-y top right')}); escreveu:

Rank Administrador

<span class="equipefundo"><b><font color=#e90000>Admin</font>istrador</b></span> escreveu:

degrade-moderador

$(function(){$('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundomoderador")').css('background','url(http://i.imgur.com/5mtyZei.png) repeat-y top right')}); escreveu:

Rank Moderador

<span class="equipefundo"><b><font color=#e90000>Moder</font>ador</b></span> escreveu:

O dos membros Vips ainda não fiz, na espera de arrumar administrador e moderador, pra ver se fica direito.
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Fraise em 11/09/15, 11:00 am

Boa tarde @banzé,

Troque para os seguintes:
Seta Administrador
Código:
$(function(){$('div.post:has(".equipeadministrador"), div.postmain:has(".equipeadministrador")').css('background','url(http://i.imgur.com/7KCHPH3.png) repeat-y top right')});
Código:
<span class="equipeadministrador"><b><font color=#e90000>Admin</font>istrador</b></span>

Seta Moderador
Código:
$(function(){$('div.post:has(".equipefundomoderador"), div.postmain:has(".equipefundomoderador")').css('background','url(http://i.imgur.com/5mtyZei.png) repeat-y top right')});
Código:
<span class="equipefundomoderador"><b><font color=#e90000>Moder</font>ador</b></span>

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 11/09/15, 03:57 pm

Parece que deu certo, amigo Fraise, como mostrado no link abaixo. Muito feliz

http://kdabra.forumbrasil.net/t3p40-atualizacoes-do-forum#633

Como faço agora pra Fundador, com degrade roxo, e membro vip, degrade vermelho ??? Feliz

Abraços, e no aguardo da resposta. Muito feliz

Banzé
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 12/09/15, 05:54 pm

Consegui colocar, mas tem como tirar o efeito onde esta o nome do usuário e avatar ??? Triste

http://kdabra.forumbrasil.net/t1-apresentem-se-neste-topico#326
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Fraise em 12/09/15, 06:01 pm

Olá,

Como assim?

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 12/09/15, 06:18 pm

Olá, observe no fórum fumetteiros o degrade não atinge a área do avatar e nome do usuário.

http://fumetteiros.omeuforum.net/t136-apresentacao#9652

Gostaria que ficasse deste jeito, ou isso é impossível ??? Triste
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Alex Habilidade em 12/09/15, 10:26 pm

Adicione em sua folha CSS:
Código:

.user {
    background-color: #0F0F0F;
    border: 1px solid #4C4E50;
    font-size: 12px;
    line-height: 150%;
    margin-bottom: 11px;
    margin-top: 3px;
    position: relative;
    text-align: center;
    width: 165px;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por banzé em 13/09/15, 08:11 am

Valeu, e obrigado. Pode trancar o tópico. Feliz
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Gerir imagens degrades no fundo das postagens

Mensagem por Fraise em 13/09/15, 10:00 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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