- mester_xعضو جديد
- الجنس :
عدد المساهمات : 17
العمر : 27
كود جعل الصور في منتداك بشكل رائع
الخميس فبراير 21, 2013 3:14 pm
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
السلام عليكم ورحمه الله وبركاته
أقدم لكم اليوم أحدث كود css جميل جداً
صورة للمعاينة:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
يضفى على الصور فى منتداك شكل رآئع جدا
أمل أن ينال أعجابكم
أفتح لكم الستار
=-=-=
.postbody img {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate( 0deg);
-moz-transform: rotate( 0deg);
}
.postbody img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
..كيفية التركيب..
1.لوحة الأدارة
2.مظهر المنتدى
3.الصور والألون ( الوان )
4.ورقة تصميم css
وضع الكود بداخله
تحياتى
السلام عليكم ورحمه الله وبركاته
أقدم لكم اليوم أحدث كود css جميل جداً
صورة للمعاينة:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
يضفى على الصور فى منتداك شكل رآئع جدا
أمل أن ينال أعجابكم
أفتح لكم الستار
=-=-=
.postbody img {-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform: rotate( 0deg);
-moz-transform: rotate( 0deg);
}
.postbody img:hover {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
..كيفية التركيب..
1.لوحة الأدارة
2.مظهر المنتدى
3.الصور والألون ( الوان )
4.ورقة تصميم css
وضع الكود بداخله
تحياتى
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى