[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود
![بسم الله الرحمان الر](/users/1811/68/54/94/smiles/613623.gif)
السسلامم عليكمم ورحمةة الله وبركاته ـ ..
أهلاً وسسسهلاً اعضاء الدعم الكرام ..
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Grup-r10](https://i.servimg.com/u/f12/16/63/75/54/grup-r10.png)
[ جديد
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Css_ic11](https://i.servimg.com/u/f55/18/76/69/60/css_ic11.png)
(ملحوظة ) الكود لجميــــــع النسخ
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Versio11](https://i.servimg.com/u/f76/11/66/91/15/versio11.gif)
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Versio12](https://i.servimg.com/u/f76/11/66/91/15/versio12.gif)
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Versio14](https://i.servimg.com/u/f76/11/66/91/15/versio14.gif)
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Versio15](https://i.servimg.com/u/f76/11/66/91/15/versio15.gif)
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
![Arrow](https://2img.net/i/fa/i/smiles/icon_arrow.gif)
# صورة للكود :-
# صور للكود بعد وضع الهدية :-
# صور للكود بعد وضع الهدية :-
[1]
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود 11111110](https://i.servimg.com/u/f19/13/91/22/87/11111110.jpg)
https://i.servimg.com/u/f19/13/91/22/87/11111110.jpg
,
[2]
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود 33333310](https://i.servimg.com/u/f19/13/91/22/87/33333310.jpg)
https://i.servimg.com/u/f19/13/91/22/87/33333310.jpg
,
[ طريقة الوضع ]
لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم css
ثم ضع الكود :
PhpBB 2
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Avatars](https://2img.net/i/fa/admin/icones/big_ico/avatars.png)
Phpbb2
Phpbb3
Punbb
Invision
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود 11111110](https://i.servimg.com/u/f19/13/91/22/87/11111110.jpg)
https://i.servimg.com/u/f19/13/91/22/87/11111110.jpg
,
[2]
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود 33333310](https://i.servimg.com/u/f19/13/91/22/87/33333310.jpg)
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 */
- الكود:
/* 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 */
- الكود:
/* 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 */
- الكود:
/* 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 */
![[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود Avatars](https://2img.net/i/fa/admin/icones/big_ico/avatars.png)
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);
}
![]() |
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» اريد اكواد لتطوير البيانات الشخصية للاعضاء فى المساهمات
» تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع
» طلب كود البيانات الشخصية كما في الصورة
» كيف أعمل البيانات الشخصية مثل هذي الصورة
» كيف أجعل التسجيل و البيانات الشخصية كما في الصورة
» تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع
» طلب كود البيانات الشخصية كما في الصورة
» كيف أعمل البيانات الشخصية مثل هذي الصورة
» كيف أجعل التسجيل و البيانات الشخصية كما في الصورة
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى