Como por essa barra envolta do rank

+2
MateusA
Felipe Paiva
6 participantes

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

Tópico resolvido Como por essa barra envolta do rank

Mensagem por Felipe Paiva 29.08.13 23:01

Qual é minha questão:
Olá Queria Saber como Por isso envolta dos Ranks http://prntscr.com/1o6xm6 E Quando Passa o Mouse Aumenta tbm Igual a Esse Forum http://br-starcityrpg.forumeiros.com/forum 


Endereço do meu fórum:
http://brasilpfacil.forumeiros.com

Versão do fórum:
PHPBB3
Felipe Paiva

Felipe Paiva
**

Membro desde : 27/03/2013
Mensagens : 72
Pontos : 139

http://brasilsecondlifebsl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por MateusA 29.08.13 23:11

Olá!

Se refere ao neon?; Ou ao contorno branco?

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por Felipe Paiva 29.08.13 23:13

Tipo Crazy Eu Me Refiro Ao Contorno Mais se Souber o Neon Tbm Tabom Piscada
Felipe Paiva

Felipe Paiva
**

Membro desde : 27/03/2013
Mensagens : 72
Pontos : 139

http://brasilsecondlifebsl.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por Ip.Design 29.08.13 23:16

Código:
        #i_whosonline + p br + br + em a:hover {
        background: #DDD;
        padding: 9px 10px 10px;
        }
        #i_whosonline + p br + br + em a {
        -webkit-transition-duration: .3s;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        margin: 0 5px;
        text-shadow: 0 1px 1px #454545;
        }
Adicione ao seu CSS.
avatar

Ip.Design
Novo Membro

Membro desde : 28/08/2013
Mensagens : 7
Pontos : 13

http://ipdesign.maisforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por MateusA 29.08.13 23:20

Olá!

Acrescente este código na tua 'Folha de Estilos':
Código:
#main-content > p:nth-child(13) > em:nth-child(50) {
background-position: center;
background-repeat: no-repeat;
background: url(http://i34.tinypic.com/b80g87.png) no-repeat 50% 0;
padding: 24px 0;
}
Até mais!
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por Konai 30.08.13 6:36

Saudações!

Código:
Código:
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em {
background: url("http://i88.servimg.com/u/f88/14/28/28/25/111.png") repeat-x scroll left bottom rgb(255, 255, 255);
border: 2px solid rgb(221, 221, 221);
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0px;
font-weight: 700;
margin: 0px auto;
padding: 10px 8px 5px 5px;
text-align: center;
text-shadow: 0px 0px 5px rgb(221, 0, 255);
width: 70%;
}
#i_whosonline + p br + br + em a {
border-bottom: 1px solid rgb(212, 214, 213);
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0px 5px;
text-shadow: 0px 1px 1px rgb(78, 238, 148);
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align:center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}

#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #4EEE94;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}

#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
Adicione na tua CSS: Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

Nota: Eu peguei todo o código completo da própria folha de estilo CSS do fórum indicado, no entanto, antes mesmo de utilizar o código que lhe indiquei, exclua todos os códigos fornecidos neste mesmo tópico para que o código recomendado acima funcione perfeitamente. Muito feliz

Atenciosamente,
knorr. Piscada
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por First 30.08.13 16:38

Olá,

Peço ao senhor que adicione este código em sua Folha de estilO CSS:
Código:
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
#i_whosonline + p br + br + em a {
border-bottom: 1px solid rgb(212, 214, 213);
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0px 5px;
text-shadow: 0px 1px 1px rgb(78, 238, 148);
}
#i_whosonline + p br + br + em {
background: url("http://i88.servimg.com/u/f88/14/28/28/25/111.png") repeat-x scroll left bottom rgb(255, 255, 255);
border: 2px solid rgb(221, 221, 221);
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0px;
font-weight: 700;
margin: 0px auto;
padding: 10px 8px 5px 5px;
text-align: center;
text-shadow: 0px 0px 5px rgb(221, 0, 255);
width: 70%;
}

Até mais.
First

First
Super Membro

Membro desde : 13/07/2013
Mensagens : 1313
Pontos : 1884

http://www.ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como por essa barra envolta do rank

Mensagem por Sennior 31.08.13 4:02

Boas! Muito feliz

Vá até teu CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
#i_whosonline + p br + br + em {
background: url("http://i88.servimg.com/u/f88/14/28/28/25/111.png") repeat-x scroll left bottom rgb(255, 255, 255);
border: 2px solid rgb(221, 221, 221);
border-radius: 6px 6px 6px 6px;
color: transparent;
display: block;
font-size: 0px;
font-weight: 700;
margin: 0px auto;
padding: 10px 8px 5px 5px;
text-align: center;
text-shadow: 0px 0px 5px rgb(221, 0, 255);
width: 70%;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i41.servimg.com/u/f41/17/41/76/40/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em {
width: 70%;
background: white url(http://i44.servimg.com/u/f44/15/34/61/11/grey-u10.png) repeat-x scroll left bottom;
border: 2px solid #DDD;
border-radius: 6px;
text-align: center;
padding: 10px 8px 5px 5px;
display: block;
margin: 0 auto;
font-size: 0px;
color: transparent;
}
#i_whosonline + p br + br + em a {
border-bottom: 1px solid rgb(212, 214, 213);
font-size: 15px;
font-style: normal;
font-weight: 700;
margin: 0px 5px;
text-shadow: 0px 1px 1px rgb(78, 238, 148);
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #4EEE94;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a {
-webkit-transition-duration: .3s;
text-shadow: 0px 1px 1px #454545;
font-size: 15px;
margin: 0 5px;
font-style: normal;
font-weight: normal;
}
#i_whosonline + p br + br + em a:hover {
background: #DDD;
padding: 9px 10px 10px;
}
<li> Coloque no inicio.

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos