Inserire avatar in un riquadro

Tutorial Inserire avatar in un riquadro

Messaggio Da Insane Mer 8 Gen 2014 - 20:59

Inserire avatar in un riquadro


Salve con queso tutorial vi faremo vedere come inserire l'avatar all'interno di un riquadro, ecco un esempio:
cornice avatar - Inserire avatar in un riquadro Arpva10

Andate in PDA ---> Visualizzazione ---> Immagini e Colori---> Colori ---> Foglio di stile CSS ed inseriamo il seguente codice a seconda della versione che utilizziamo:

cornice avatar - Inserire avatar in un riquadro Php21110phpBB2:
Codice:
.post .poster-profile a 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;}

cornice avatar - Inserire avatar in un riquadro Php31210phpBB3:
Codice:
.postprofile dt a 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;}

cornice avatar - Inserire avatar in un riquadro Inv1010Invision:
Codice:
.postdetails dt a 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;}

cornice avatar - Inserire avatar in un riquadro Pun1210PunBB
Codice:
.pun .user-ident .user-basic-info a 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;}

Ovviamente potrete cambiare l'immagine a vostro piacimento, la grandezza consigliata è di 128x128.


Tutorial creato da: Insane
Copyrigth © FORUMATTIVO.COM


Insane
Insane
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 4178
Località : Varese

https://aiuto.forumattivo.it/
Insane è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.