السلام عليكم ورحمة الله وبركاته
اليوم أعزائي أقدم لكم أول درس لي![]()
وهو : شرح تغير لون ستايل ،،
أول شي لازم تكون محدد انت تبي تغير لون أي ستايل
وتحمل الاستايل >> أكيد أجل شلون أغير لونه![]()
المهم
أنا بطبق الدرس على ستايل الوافي لكن بلون آخر أنا عدلته لي والحين أبعدله لعيونكم
شوفوا صورة الاستايل قبل التغيير
![]()
لونه تقريبا ذهبي ::
_________________ بداية الدرس _________________
أول شي نفتح الفوتوشوب
وبعدها نختار فتح ::
![]()
وبعدها نفتح الصورة المهمة لتغير لون الاستايل كامل وهي صورة البنر
اللي مسمية في ستايل الوافي hed.jpg
![]()
بعد كذا بتفتح معانا صورة البنر![]()
نضغط بالفوتوشوب على : ctrl + u وهذا هو اللي يغيير الألوان بالفوتوشوب
وأفضل شي يكون Master
ملاحظة : يفضل بالخطوة القادمة احضار ورقة وقلم ..
بعدها بتفتح معاك كذا :
![]()
ويكون عندنا ثلاث خانات وفي سهم بالنص نحركه يمين ويسار لحد مانشوف اللون اللي نبيه
نحفظ الأرقام الثلاثة اللي بالمربع بالترتيب ونكتبها بورقة علشان بنطبق على كل صور الاستايل نفس الطريقة
___________________________________________________________
مثلا أنا غيرت لحد ماطلع معي هالنتيجة
![]()
بعد كذا نطبق على كل صور الاستايل نفس الطريقة السابقة اللي هي تغيير اللون بالثلاث أرقام
وبعد كذا نفتح صورة البنر
ونختار من القائمة اللي بالفوتوشوب هالصورة
![]()
اللي هي ياخذ لون المنطقة اللي تضغط عليها
المهم تروح بالنص أو المكان اللي تبي تكون الخلفية بهاللون
وتضغط عليه
بتلاحظ الألوان اللي بالقائمة صارت بهالطريقة :
![]()
نضغط على اللون الأول :
بتفتح معنا هالشاشة
![]()
آخر مربع اللي قبله مكتوب #
ننسخ الكود حق اللون
____________________________________________
ونتوجه بسررررررررعة للوحة التحكم وإلى :
![]()
بعدين بتفتح معنا قائمة بالاستايلات الموجودة : نختار : خيارات جميع الاستايل
![]()
في ستايل الوافي :
لازم نغير هالكود اللي بتبملت : header
![]()
نحط في الكود اللي نسخناه بالفوتوشوب :: المنطقة المحددة ::
هنا بهالمنطقة نغير لون الجسم للستايل
![]()
نحط في الكود اللي نسخناه بالفوتوشوب
أما اللي بعدها
![]()
أيضا نضع الكود حق اللون اللي أخذناه من الفوتوشوب
________________________________________________
أما هذا فنغير لون حدود الجداول
![]()
أما الصندوق هذا فيغير الجزء الأول من الجدول
![]()
ويجي بعده الصندوق اللي يغير الجزء الثاني من الجدول :
![]()
وأنا طلعت معاي النتيجة النهائية لتغير ستايل الوافي اللي شفتوا صورته بالأعلى :
![]()
في هذا القسم يعلمون أفضل :: لكيفية تصميم ستايل :: في منتديات الخريف :: استفدت منه
وأتمنى الدرس عجبكم حبايب قلبي وأتمنى أكون وصلت المعلومة المطلووبة![]()
تقبوا تحياتي الأبدية :: جيتارا ::
www.al3nazi.com/vb