[TUTORIAL] Avatar em forma de MSN

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Avatar em forma de MSN

Mensagem por Sennior em 19/12/12, 09:46 pm

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:
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  */

- 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)


  • Resultado:

(carregue na imagem para aumentar)




© Fórum dos Fóruns


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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16348
Pontos Ativos : 20850

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum