[TUTORIAL] Avatar em forma de MSN

Mais uma opção de personalização para seus fóruns acaba de ser elaborada, agora poderá ter os avatares do vosso fórum com bordas estilo "msn".

--> Tutoriais e astúcias <--
Avatar em forma de MSN

1º - Código a ser utilizado:

PhpBB 2

Código:

/* Caixa de avatar em forma de MSN  */
.post .poster-profile img,
form[action *="/privmsg?folder="]  .forumline  td[width*="22"] img,
form[action *="/privmsg?folder="]  .forumline  td[rowspan*="4"] img,
form[action *="/profile"]  .forumline .row1  table[width*="70"] td[align*="center"] img  {
background:url("http://i39.tinypic.com/11rahqw.jpg") no-repeat scroll 0 0 transparent;padding:17px 17px 15px;width: 92px;height: 92px;}
/* Caixa de avatar em forma de MSN  */

PhpBB 3

Código:

/* Caixa de avatar em forma de MSN  */
.postprofile dt img,
.panel dl.postprofile dd img,
.bg1 .column1 dl.details dd img,
form[action *="/privmsg?folder="] .postprofile dt img,
form[action *="/profile"] .panel fieldset dl dd img  {background:url("http://i39.tinypic.com/11rahqw.jpg") no-repeat scroll 0 0 transparent;height: 94px;padding: 17px; width: 94px;}
form[action *="/privmsg?folder="] .postprofile dt a img, ul.profile_field_list label img { background: none repeat scroll 0 0 transparent !important;height: auto !important;width: auto !important; padding: 1px !important;}
/* Caixa de avatar em forma de MSN  */

Invision

Código:

/* Caixa de avatar em forma de MSN  */
.postdetails dt img,
form[action *="/profile"] .box-content dd img,
form[action *="/privmsg?folder="] .postprofile-details img,
.postreview .postprofile .postprofile-details img  {background:url("http://i39.tinypic.com/11rahqw.jpg") no-repeat scroll 0 0 transparent;width: 94px;height: 94px;padding:17px;}
ul.profile_field_list label img { background: none repeat scroll 0 0 transparent !important;height: auto !important;width: auto !important; padding: 0px !important;}
/* Caixa de avatar em forma de MSN  */

PunBB

Código:

/* Caixa de avatar em forma de MSN  */
.pun .user-ident .user-basic-info img,
form[action *="/profile"] .frm fieldset.frm-set dl dd img {background:url("http://i39.tinypic.com/11rahqw.jpg") no-repeat scroll 0 0 transparent;height: 94px;padding: 17px;width: 94px;}
ul.profile_field_list label img { background: none repeat scroll 0 0 transparent !important;height: auto !important;width: auto !important; padding: 1px !important;}
/* Caixa de avatar em forma de MSN  */

3º - Aplicando o código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

• Resultado:

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Avatar em forma de MSN