- عدد المساهمات : 820
- تاريخ التسجيل : 28/05/2016
|
| موضوع: [ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود
السسلامم عليكمم ورحمةة الله وبركاته ـ ..أهلاً وسسسهلاً اعضاء الدعم الكرام ..
[ جديد ] كود 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 */ [size=18][b]PunBB
[/b][/size] - الكود:
-
/* 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); } [b][b]Punbb
[/b][/b] - الكود:
-
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); } [b][b][b][b]Invision
[/b][/b][/b][/b] - الكود:
-
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); } | |