[TUTORIAL] Avatar em forma de MSN

Ir para baixo

[TUTORIAL] Avatar em forma de MSN Empty [TUTORIAL] Avatar em forma de MSN

Mensagem por Sennior 20/12/12, 01:46 am

[TUTORIAL] Avatar em forma de MSN Avatars Avatar
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


- Código a ser utilizado:
[TUTORIAL] Avatar em forma de MSN Versio11 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  */

[TUTORIAL] Avatar em forma de MSN Versio12 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  */
[TUTORIAL] Avatar em forma de MSN Versio14 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  */
[TUTORIAL] Avatar em forma de MSN Versio15 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  */

- 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

(carregue na imagem para aumentar)
[TUTORIAL] Avatar em forma de MSN 1114


  • Resultado:

(carregue na imagem para aumentar)
[TUTORIAL] Avatar em forma de MSN Avvatt10




© Fórum dos Fóruns


[TUTORIAL] Avatar em forma de MSN Act_bottom 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
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

Ir para o topo

- Tópicos semelhantes

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