Como por essa barra envolta do rank

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

Olá!

Se refere ao neon?; Ou ao contorno branco?

Até mais.

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

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!

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 Visualização Imagens e Cores Cores 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.

Atenciosamente,
knorr.

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.

Boas!

Vá até teu CSS:
Painel de Controle Visualização Imagens e Cores Cores 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.