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

The Globetrotter كتب:

السسلامم عليكمم ورحمةة الله وبركاته ـ ..
أهلاً وسسسهلاً اعضاء الدعم الكرام ..

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

(ملحوظة ) الكود لجميــــــع النسخ , ,,..

  [ تم تطوير الكود بالهدية الفعالة والناجحة ]


# صورة للكود :-





https://i.servimg.com/u/f19/13/91/22/87/22222210.jpg

,

# صور للكود بعد وضع الهدية :-

[1]



https://i.servimg.com/u/f19/13/91/22/87/11111110.jpg
,
[2]




https://i.servimg.com/u/f19/13/91/22/87/33333310.jpg
,
[ طريقة الوضع ]
لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css
ثم ضع الكود :
PhpBB 2

الكود:

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

 PhpBB 3

الكود:

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

Invision

الكود:

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

PunBB

الكود:

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

[ هدية الكود ]




Phpbb2

الكود:

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

Phpbb3

الكود:

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

Punbb

الكود:

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

Invision

الكود:

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

[ تحياتى لكمم the Globetrotter ] اخوكم المتطوع المسساعد The Globetrotter