كود css لتطوير الصورة الشخصية وجعلها احترافية لاحلى منتدى

منتديات امير جماجم

رقم المشاركة : ( 1 )

السبت يونيو 20, 2015 1:07 am

:: مؤسس الشبكة ::

المزاج :

الدولة :

الجنس :

الابراج :

عدد المساهمات : 1188

تاريخ الميلاد : 28/01/1989

تاريخ التسجيل : 03/12/2012

العمر : 35

الموقع : https://amirgmagm.alafdal.net/

كود css لتطوير الصورة الشخصية وجعلها احترافية لاحلى منتدى

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

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

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

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

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

[ طريقة الوضع ]
لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم 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);
   }