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

اذهب الى الأسفل

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

مُساهمة من طرف Mahmoud Eslam في السبت 23 مايو 2015 - 21:16

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

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

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

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


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


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

[1]

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


http://i19.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
 
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5597
السُمعة : 53

http://help-pub.3oloum.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى