![[TUTORIAL CSS] Adicionando borda no avatar (estilo MSN) 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
Moedas>>[TUTORIAL CSS] Adicionando borda no avatar (estilo MSN)<<
Olá pessoal, hoje irei mostrar como colocar bordas (no formato de imagens) em torno do avatar, aqui estou passando bordas estilo msn, mas cabe a você escolher o tipo de borda que ira colocar!
>>Prévia:
- Clique aqui para abrir:
![[TUTORIAL CSS] Adicionando borda no avatar (estilo MSN) Sem_ta11](https://i.servimg.com/u/f35/17/75/10/13/sem_ta11.png)
CÓDIGO CSS:
Aceda em: Painel de Controle>>Visualização>>Imagens e Cores>>Cores>>Folha de Estilo CSS
- Código:
- Código:
.postprofile dl dt a[href*="/u"] img, .blog_comment-avatar img {
border-width: 15px 15px 15px;
-moz-border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch;
-webkit-border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch;
-o-border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch;
border-image: url(http://i46.servimg.com/u/f46/16/76/15/68/nav_av10.png) 15 stretch;
max-height: 90px;
}
__________________________________________________________________________________________________________Beleza pessoal, é so testar agora!
CRÉDITOS: CLUBTEEN9X
