[TUTORIAL] Avatar em forma de MSN
Página 1 de 1 • Compartilhe
[TUTORIAL] Avatar em forma de MSN
Avatar |
--> Tutoriais e astúcias <--
Avatar em forma de MSN
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:
(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 |
Tópicos semelhantes
» [TUTORIAL] Botão de reputação na forma de imagens (PhpBB 2 e PunBB)
» [TUTORIAL] Sombra sobre o avatar
» [TUTORIAL] Efeito giratório no avatar
» [TUTORIAL] Avatar na resposta rápida
» [TUTORIAL] Avatar do autor de um tópico no título
» [TUTORIAL] Sombra sobre o avatar
» [TUTORIAL] Efeito giratório no avatar
» [TUTORIAL] Avatar na resposta rápida
» [TUTORIAL] Avatar do autor de um tópico no título
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos