Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Erro Facebook Conect
Hoje à(s) 14:55 por Ana Leandro

» Ausência dos campos de perfil
Hoje à(s) 14:41 por Cream

» Bug no plug-in "Criar tags bbcode" do Daemon
Hoje à(s) 14:35 por Daemon

» Tooltip no título dos tópicos
Hoje à(s) 14:19 por Cream

» Formulário de postagem
Hoje à(s) 14:03 por YouTube3

» [Plugin] Criar tags bbcode
Hoje à(s) 13:48 por Shek

» Personalizar título e ícone das categorias
Hoje à(s) 13:23 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
lavinnia
 
Nean
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
109 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 98 Visitantes :: 2 Motores de busca

Ana Leandro, Cream, Daemon, Davi_Ezequiel1, Harleen, lavinnia, maikinhosouzaa@gmail.com, Nean, Octávio Ferreira, staay03, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Ranks em CSS

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

Resolvido Ranks em CSS

Mensagem por PrisoN†BreaK em Qua 31 Ago 2016 - 0:09

Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com
Versão do fórum: PunBB

Descrição


Detalhes da questão


Endereço do fórum: brasilplayfreedom.forumeiro.com
Versão do fórum: PunBB

Descrição


Bom, eu uso esse código para meus ranks feito por CSS:

Código:
/* RANKS apenas victor*/
.rank {
    background: url(http://i.imgur.com/LTCAa5g.png);
    border-radius: 3px;
    border-top: 1px solid rgba(0,0,0,0.15);
    box-shadow: 1px 2px 11px rgba(0,0,0,0.29);
    color: #fff;
    display: block;
    font-family: 'Roboto Condensed'!important;
    font-size: 11px!important;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    margin: 10px auto 0;
    max-width: 150px!important;
    padding: 2px 0!important;
    position: relative;
    text-shadow: 1px -1px rgba(0,0,0,0.29);
    text-transform: uppercase;
    width: 300px;
}

div.rank.subd {
            background-color: #D11736!important;
            text-align:center;
}
.rank:before {
    border-right: 1px solid rgba(255,255,255,0.55);
    content: "BPF";
    float: left;
    margin-top: -5px;
    padding: 5px 5px 0;
}
div.rank.fund {
            background-color: #105707!important;
            text-align:center;
  }
div.rank.mod {
            background-color: #2768A1!important;
            text-align:center;
  }
div.rank.mast {
            background-color: #ae5da0!important;
            text-align:center;
  }
div.rank.help {
            background-color: #72bec1!important;
            text-align:center;
  }
div.rank.adm {
            background-color: #1527ac!important;
            text-align:center;
  }
div.rank.adm5 {
            background-color: #8B658B!important;
            text-align:center;
  }
div.rank.des {
            background-color: #7A0C06!important;
            text-align:center;
  }
div.rank.own {
            background-color: #FF6600!important;
            text-align:center;
    }
div.rank.subd {
            background-color: #D11736!important;
            text-align:center;
  }
div.rank.memb {
            background-color: #8F8989!important;
            text-align:center;
    }
div.rank.max {
            background-color: #B00E4F!important;
            text-align:center;
    }
div.rank.dest {
            background-color: #c29211!important;
            text-align:center;
    }
 

Porém eu quero adicionar só alguns com uma imagem no lugar das letras ''BPF'' que seria um ícone como esse: http://i64.tinypic.com/24azsrd.png.

Seria possível?

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 873
Pontos Ativos : 1556

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Ranks em CSS

Mensagem por Cepheus em Qua 31 Ago 2016 - 15:13

Sim é possível,
Vou dar um exemplo,
Vamos supor que o seguinte rank "div.rank.memb" seja o que receberá a imagem: http://oi64.tinypic.com/24azsrd.jpg

Então seria acrescentado isso no seu css:
Código:

div.rank.memb:before {
    content: url('http://oi64.tinypic.com/24azsrd.jpg)')!important;
}

Faça esse processo de acordo com os ranks que deseja alterar.

Até mais.

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1623

http://www.bestskins.net/

Resolvido Re: Ranks em CSS

Mensagem por PrisoN†BreaK em Qua 31 Ago 2016 - 15:25

Certo, teria alguma forma para que eu possa ajusta o tamanho da imagem e posicionar ele no meio? E deixa a imagem o fundo dele um pouco mais fosco, teria como? Tipo essa parte: http://i.imgur.com/6jehfjB.jpg como vc pode ver, tem um pequena parte em fosco, eu gostaria de deixa como ela

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 873
Pontos Ativos : 1556

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Ranks em CSS

Mensagem por Fraise em Qui 1 Set 2016 - 18:40

Boa tarde.

Troque o código fornecido pelo Cepheus por este:
Código:

div.rank.memb:before {
    content: url('http://oi64.tinypic.com/24azsrd.jpg)')!important;
    margin-top: -8px;
    opacity: 0.4;
}

Atenciosamente,
Fraise.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ranks em CSS

Mensagem por PrisoN†BreaK em Sex 2 Set 2016 - 14:01

Gostaria de só centralizar a imagem msm, a parte em fosco ficou meio que ''zuado''

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 873
Pontos Ativos : 1556

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Ranks em CSS

Mensagem por PrisoN†BreaK em Dom 4 Set 2016 - 13:40

#UP

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 873
Pontos Ativos : 1556

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Ranks em CSS

Mensagem por PrisoN†BreaK em Qua 7 Set 2016 - 14:25

#UP

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 873
Pontos Ativos : 1556

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Ranks em CSS

Mensagem por Cepheus em Qui 8 Set 2016 - 16:12

PrisoN†BreaK escreveu:Gostaria de só centralizar a imagem msm, a parte em fosco ficou meio que ''zuado''

Como assim centralizar? poderia mostrar um Print Screen de como o rank está com a alteração e como gostaria?

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1623

http://www.bestskins.net/
  • 0

Resolvido Re: Ranks em CSS

Mensagem por Sennior em Sex 9 Set 2016 - 11:09

Saudações!

Meta este CSS substituindo o do nosso amigo Fraise:
Código:
.rank.subd {
    margin-top: -8px;
    background: url(http://oi64.tinypic.com/24azsrd.jpg))!important;
    background-repeat: no-repeat!important;
    z-index: 9999999;
    background-position-x: 32px!important;
    background-position-y: -1px!important;
}

Assim esta bom?
Até mais.
Sennior


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22299

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Ranks em CSS

Mensagem por PrisoN†BreaK em Sex 9 Set 2016 - 12:42

Pode fecha, já arrumei.

PrisoN†BreaK
Usuário destaque

Masculino
Inscrito dia : 23/10/2015
Mensagens : 873
Pontos Ativos : 1556

http://brasilplayfreedomofc.forumeiros.com/forum

Resolvido Re: Ranks em CSS

Mensagem por Cream em Sex 9 Set 2016 - 12:57

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Flecha ajudeiros Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Flecha ajudeiros Perdeu a senha de administração? Veja o que fazer.
Flecha ajudeiros Ferramentas do Administrador.

Cream
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 7887
Pontos Ativos : 12935

http://ajuda.forumeiros.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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5