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

تذكير بمساهمة فاتح الموضوع :

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

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

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

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

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

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

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

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

يعطييك العافية
اخوي سيف
سلمت يداك

» كود بسيط جدا للتحكم في الصورة الشخصية لكل اعضاء المنتدي
» كود البيانات الشخصية احترافية بدون تومبيلات
» بمناسبة رمضان إضافة تجميلية روعة لجميع النسخ
» كود مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات
» (CSS)كود قلب الصورة الشخصية عن مرور الماوس عليها***Mohamed Nsr