Inserare avatar intr-un chenar

Scris de Cassius Dio Mar Feb 19, 2013 9:36 pm

Inserare avatar intr-un chenar

Cu ajutorul acestui mic truc vom adauga avatarul membrilor in interiorul unui chenar.

Rezultat:

Coduri de instalat:

phpBB2:

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

Cod:: .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;}

PunBB:

Cod:: .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;}

Invision:

Cod:: .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;}

Unde se instaleaza:
Pentru a aplica efectul din tutorial, trebuie sa alegeti intai de toate codul potrivit pentru versiunea de forum pe care o folositi. Dupa ce l-ati ales, il copiati si mergeti catre:

Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS.

Adaugati codul copiat in spatiul liber si faceti click pe butonul Valideaza.

Exclamare

Puteti oricand inlocui imaginea cu una creata de dumneavoastra, insa va rugam sa tineti cont ca dimensiunea recomandabila este de 128X128 pixeli. A face cu ochiul