[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود

/* 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  */

/* 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  */

/* 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  */

/* 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  */

.poster-profile img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
.poster-profile img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

 div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

 dl.postdetails dt img{
      margin-bottom: 10px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
dl.postdetails dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}