إغلاق


اضغط هنا لتنزيل آخر إصدارة من زووبس



دروس التعامل مع الثيمات: كيفية عمل ظل او shadow للثيم بثواني  
الكاتب : هاني سلام
بتاريخ: 2010/4/19
عدد مرات القراءة 1228
الحجم 8.38 KB
تحظير للطباعة أخبر صديقك
 
درس مهم للزميلة ماريان تاخرت كثيرا فى ضمة للقسم التعليمى
مع درس ماريان
امل ان يكون هذا الشرح مفيدا للجميع
هناك اكثر من طريقة محترفة لعمل ظل للثيم ولكن هذا الامر يكون سهلا ان كنت انت من عمل الثيم على الفوتوشوب وعندها تضع ظل او shadow بواسطة الفوتوشوب .
ولكن ما ان اعجبك ثيم ما فيو ظل وحبيت تعطي شوي جمال اكثر؟؟

مثلا انظرو الى الثيم الحالي في عرب زووبس هناك ظل مع الاطراف
وهذا امر جميل
انقر لمشاهدة الصورة الأصلية في نافذة جديدة

اذا اردت ان تعمل مثلا يمكنك ذلك بثواني
اعرف انو طريقتي ممكن تكون بدائية وليست الحل المية المية انما لا مانع من ان نتشاركها سوية

- افتح ملف style.css وشوف شو مقاسات الثيم عندك, ولنفترض انك وجدت امتداده 980 بيكسل وان الخلفية بيضاء
- افتح ملف فوتوشوب او اي محرر صور لديك
- اعمل صورة مقاسها 1010*1 اي اعرض من ثيمك قليلا ولتكن بيضاء يعني من لون خلفيتك تماما
- عند الطرفين بشكل متساوي قم برسم مربع صغير لون رمادي غامق او اي لون غامق
شوف الصورة من احد الجوانب وقد عرضتها ليتم مشاهدتها جيدا
انقر لمشاهدة الصورة الأصلية في نافذة جديدة
صار عنا من اي طرف : ابيض ثم لون غامق بسيط ثم ابيض على طور الثيم ثم لون غامق خفيف ثم ابيض
- احفظ الملف باسم مثلا shadow.gif
- ضع الصورة shadow.gif في مجلد images في الثيم لديك
- افتح ملف style.css
- في اوله ستجد السطور التالية اوما يشبهها
body {
    
color#000000;
    
margin0;
    
padding0;
    
font-familyTahoma;
    
font-size9pt;
    
background-color#ffffff;

- اضف عليهم الكود التالي وهو كود وضع خلفية صورة
background-imageurl(images/shadow.gif);
    
background-repeatrepeat-y;
    
background-positioncenter;

اصبح الكود كله الان كالاتي
body {
    
color#000000;
    
margin0;
    
padding0;
    
font-familyTahoma;
    
font-size9pt;
    
background-color#b7aa88;
    
background-imageurl(images/shadow.gif);
    
background-repeatrepeat-y;
    
background-positioncenter;


انشالله تكون مفيدة للجميع وفي المرفقات وضعت صورة ال shadow ولكنها عريضة ان استعملتوها اعملو المقاس اللي يناسبكم
 
ترتيب الدرس : 0.00 (0 صوت)
صوت للدرس
العودة للقسم | العودة الي الصفحة الرئيسية

موقع الدعم العربي لنظام إدارة المحتوى زووبس


مواقع صديقة: رياض القرآن ، خلفيات شاشة ، المجلة السعودية للسيارات ، أهرام العلمية ، ابن مصر ، برامج عربية و معربة ، ماسنجر شبوة.نت ، ضفاف ، العاب