Inserire avatar in un riquadro


Tutorial Inserire avatar in un riquadro

Messaggio Da Insane il 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:


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

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


avatar
Insane
Aiutattivo
Aiutattivo

Sesso : Maschile
Etā : 25
Messaggi : 3926
Localitā : Varese


Vedere il profilo dell'utente http://aiuto.forumattivo.it/
Insane č stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum