![[TUTORIAL] Perfil Elegante Buddy_Group](https://2img.net/h/cdn1.iconfinder.com/data/icons/df_On_Stage_Icon_Set/128/Buddy_Group.png){kind=icon}
Suporte Forumeiros
Início
Entrar
Cadastre-se
Mensagens
MoedasPerfil Elegante
Nesse tutorial estarei ensinando como deixar o Perfil Elegante.
![[TUTORIAL] Perfil Elegante Codigo10](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/codigo10.png)
![[TUTORIAL] Perfil Elegante Punbb](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/punbb.gif)
1º - Adicionar
Expandir esta imagem
![[TUTORIAL] Perfil Elegante Css](https://2img.net/h/i730.photobucket.com/albums/ww304/carlos-egg/codeazure/css.png)
Deve dar um erro, mas estará normal, é só o "}" não precisar modificar nada!
Resultado:
![[TUTORIAL] Perfil Elegante 43zfn10](https://i.servimg.com/u/f10/17/41/76/40/43zfn10.jpg)
Nesse tutorial estarei ensinando como deixar o Perfil Elegante.
1º - Adicionar
Expandir esta imagem
- Código:
.pun .user-ident .username {
background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .user-ident .user-basic-info {
background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0
#B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0,
.1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px
rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0,
0, .15);
}
.pun .user .user-info {
background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
hr {
border: 0 none #D6D6D6;
border-bottom: 1px solid white;
border-top: 1px solid #D6D6D6;
Deve dar um erro, mas estará normal, é só o "}" não precisar modificar nada!
Resultado:
Créditos: 15-Tronos e ZoneToony(por traduzir)
