Inserire avatar in un riquadro

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

Inserire avatar in un riquadro Php21110

phpBB2:

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;}

phpBB3:

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;}

Invision:

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;}

PunBB

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