هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
[ جديد ] كود Css إحترافى لجميع النسخ لتطوير الصورة الشخصية فى البيانات مع هدية الكود
السسلامم عليكمم ورحمةة الله وبركاته ـ ..
أهلاً وسسسهلاً اعضاء الدعم الكرام ..
[ جديد ] كود css إحترافى للصورة الشخصية فى البيانات مع هدية الكود كود css لتطويرة اكثر يمكنك استخدام الهدية او لا ..
(ملحوظة ) الكود لجميــــــع النسخ , ,,..
[ تم تطوير الكود بالهدية الفعالة والناجحة ]
# صورة للكود :-
# صور للكود بعد وضع الهدية :-
# صور للكود بعد وضع الهدية :-
[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
Phpbb2
Phpbb3
Punbb
Invision
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 */
- الكود:
/* 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 */
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
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى