ملاحظه يجب الانتباه لها ان الشرح بيكون على تصاميم سهله وبتكون مفصوله تماما عن المحتوى بإستخدام css

وفوائدها كثيره بخصص لها موضوع منفصل من اهمها سرعة تصفح الموقع وسهولة التعديل عليه

طبعا المجال مفتوح امام ابداعاتكم في التعديل على التصميم ,فقط ابي منكم الانتباه لمقاس العرض ما يتعدى 780

وعدم استخدام المنحنيات للاننا بنبني استايل لك وللمستقبل

نتوكل على الله ونبدى الشرح =

نفتح عمل جديد في الفوتوشوب بعرض 777 مهم جدا في تصاميم المواقع المقاسات مع اختيار الخلفيه شفافه



بعدها يجي دور الالوان كود اللون c9f1fc



هذا كود لون الخلفيه وهو اساسي كود اللون الاخر محتاجينه وهو 556CB7



الآن نفتح لير جديد بالضغط على ctrl+shift+N
حتى نفتح لير جديد وبعدها من الكيبورد نضغط على حرف M حتى نختار اداة التحديد مربع نختار يا احبابي اعلى الهايدر ونحدده

مقاس الهايدر اللي بنشتغل عليه من قائمة info



من قائمة الليرات نضغط على ctrl مع كل يسار بالماوس والهدف تحديده نرجع نفتح لير جديد ctrl+shift+N مع بقاء التحديد على الهايدر

ونستخدم اداة التدرج بيكون اللون المطلوب الابيض مع الشفافيه



نتجه للتحديد على الشفيفه الجديده وبالماوس من اعلى الهايدر حتى اسفله نسحب الاداة ونفكها بيطلع لنا مثل مافي الصوره التاليه



في اسفل الصوره بنشاهد قائمة الليرات والهدف منها تقليل نسبة opacity الى 70%

بعدها نفتح لير جديد ctrl+shift+N ونستخدم باترت الخطوط الافقيه موجود في المرفقات من اداة التعبئه نضغط على حرف G ومن اعلى نختار pattern



بيكون الشكل مثل مافي الصوره التاليه مع تخفيف opacity الى 15%



بعدها ننزل في شريط ادوات الفوتوشوب الى الاشكال بالضغط كلك يمين بالماوس راح تطلع لنا عدة اشكال نختار مثل مافي الصوره



اسفل الهايدر ونحدد مثل مافي الصوره مع اختيار اللون c9f1fc وجعله الاساسي قبل البدء في التحديد النتيجه بتكون مثل مافي الصوره التاليه



من قائمة الليرات نضغط على حرف F



نختار Drop Shadow



نطبق التأثيرات مثل مافي الصوره



بعدها نختار Inner Glow



بعدها نختار satin



بعدها نختار Gradient Overlay



التدرج المطلوب مثل مافي الصوره



نضغط على حفظ او ok

من قائمة الليرات كلك يمين على اللير ونختار



حتى نكرر اللير مره ثاني ونرفعه اعلى الهايدر مثل مافي الصوره التاليه



======================================

بعدها اخواني نجي لوضع الروابط في الهايدر نختار من قائمة الليرات الشفيفه اللي ضفناها اسفل الهايرد بعدها من شريط الادوات نختار التحديد



ونتجه للعمل بعدها ونحدد على حسب الرابط




بنشوف النتيجه في الصوره التاليه



لاحظتوا اخواني ان المربعات احجام عرضها مختلفه لأن الكتابه بداخلها وطول الكلمات تختلف الافضل كتابة اسم الرابط وبعدها استخدام التحديد

مثال الرئيسيه تختلف عن مركز التحميل تختلف ايضا عن اتصل بنا

النتيجه النهائيه



جل من لايخطئ اخواني اي نقطه مافهمتوها او اخطيت فيها صححوني واستفسروا عنها

ولا تنسون التطبيق مهم جداً حتى نستمر