< الرئيسية > < التسجيل > < الشروط > < البحث > < الاتصال بنا >  

قديم 14-12-2008, 15:04   رقم المشاركة : 1
معلومات العضو
نــاصــر

إحصائية العضو







اخر مواضيعي

 

نــاصــر غير متواجد حالياً


توضيح [الدرس السآدس] تصميم التدرج اللوني لقوالب الاستايل ..!

السلااام عليكم ورحمة الله وبركاته ..



مسآكم ورد ..

وشلونكم كيف حالكم ياعسى حالكم تمام .. نقره لعرض الصورة في صفحة مستقلة


اول شي وش هو التدرج .. نقره لعرض الصورة في صفحة مستقلة
بضرب لكم امثله مصوره احسن ..
وبعدين نبدأ بالدرس ..

لو رجعنا لدرس التلوين مثلااا ..
وتحديدا الصندوق الخامس ..الأقسام الرئيسية/Category Strips

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

وكانت النتيجه قبل التلوين ..
نقره لعرض الصورة في صفحة مستقلة

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

لاحضوا انه صآر لون واحد واللي هو البرتقالي .. نقره لعرض الصورة في صفحة مستقلة

لكن لو رجعنا له قبل التلوين ..
نقره لعرض الصورة في صفحة مستقلة

تلاحظون انه متدرج من اللون الازرق الغامق الى اللون الابيض .. نقره لعرض الصورة في صفحة مستقلة

وهذا هو التدرج اللي اقصده .. نقره لعرض الصورة في صفحة مستقلة
طبعا ماهو شرط بصندوق الاقسام الرئيسيه .. نقره لعرض الصورة في صفحة مستقلة
تقدر تطبق على كل الاقسام ولو جينا للـ Navbar ..
تلاحظون ان به تدرج بعد ..

نقره لعرض الصورة في صفحة مستقلة

الحين بعد ماتعرفنا على التدرج ..
نجي الحين علشان نتعلم طريقة تصميمه ..

الطريقه سهله بس يبي لها شوية تركيز ..
يعني لا اوصيكم بالشابوره مع كوب حليب ..

بسم الله نبدأ ..

اول شي نفتح الفوتوشوب .. ونفتح عمل جديد وليكن مثلااا..
بالقياسات التاليه ..
40 * 40 ..

نختار الوان التدرج ..
انا ابيها قريبه من الوان الاستايل ..
اسوي برنت سكرين ( تصوير للأستايل بالضغط على زر برنت سكرين ) للهيدر او الفوتر وبأداة القطاره نأخذ الالوان ..

اللون الاول ..
هيك بالضبط الضبيط ..
نقره لعرض الصورة في صفحة مستقلة

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

كذا انتهينا من اختيار الوان التدرج ..
نقره لعرض الصورة في صفحة مستقلة
طبعا ماهو شرط نفس الوان الاستايل بس اللي يعجبكم وعلى حسب اذواقكم تقدرون تبدعون ..

الحين نرجع للعمل اللي فتحناه ..بأداة التدرج نمط والا نمد من فوق لتحت او من تحت لفوق ..
نقره لعرض الصورة في صفحة مستقلة

انتيهينا من تصميم التدرج ..

شفتوا كيف الامور تساهيل .. وعند الله سعه ..

الحين وش عندنا يا ناصر وش عندنا ..!

النقطه الجايه مهمه ..
ركزوا بها ..
يا تفلحون ..
يا ما تستفيدون شي من التدرج ..
وهي حفظ التدرج .. نقره لعرض الصورة في صفحة مستقلة

الشاطر بكم يقول لي وين نحفظه .. ؟

نحفظه يا طويلين الاعمار والسلامه بنفس مجلد الاستايل اللي به القطع .. ونسميه بأي اسم وليكن مثلا ( tadrg ) ..
نقره لعرض الصورة في صفحة مستقلة

كذا انتهينا .. من تصميم التدرج وحفظه بالطريقه المناسبه ..
نقفل الفوتوشوب .. ونروح للوحة التحكم ..
نروح للصندوق اللي نبي نضيف له التدرج اللوني ..
مثل ما اتفقنا بأول الدرس ..
اخترنا الصندوق الخامس ..الأقسام الرئيسية/Category Strips ..
نحذف اللي باول مربع ( الخلفيه ) ..
نقره لعرض الصورة في صفحة مستقلة

الحين ركزوا معي ..
بدينا بالجد ..

التدرج اللوني له كود خآص ثابت ما يتغير .. اللي يتغير بس اسم المجلد واسم التدرج اللوني ..
بوضح لكم اكثر ..
هذا هو الكود ..
واحفظوه عندكم ..
كود:
#F7E3A5 url(alamani/tadrg.jpg) repeat-x top left
اللي عليكم تغيرونه هو اللي باللون الاحمر ..
#F7E3A5 url(alamani/tadrg.jpg) repeat-x top left

alamani= اسم المجلد اللي به الصور ..
tadrg.jpg= اسم الصوره ونوع صيغتها ( jpg أو gif ) يعني اذا كنت حافظ الصوره بصيغة gif تكتب بعد اسم التدرج اللوني صيغته سواء jpg أوgif ..


ان شاء الله يكون واضح الشرح ..
اما بالنسبه للكود اللي محدد باللون الاسود .. هذا الكود حطوه يا مثل كود اللون الاول حق التدرج او كود اللون الثاني ..

الصق الكود واضغط حفظ ..
وهنيئا لك التدرج اللوني ..

نقره لعرض الصورة في صفحة مستقلة


اي سؤال انا بالخدمه ..
نعيد الشرح مره ومرتين وثلاثه ..
اهم شي تستفيدون وتبدعون ..

بالتوفيق للجميع ان شاء الله ..





ناصر ...!






رد مع اقتباس
قديم 19-12-2008, 04:52   رقم المشاركة : 2
معلومات العضو
الغلا

إحصائية العضو







اخر مواضيعي

 

الغلا غير متواجد حالياً


افتراضي

جهد مميز



يعطيكـ العافيه


وعساكـ ع القوه


تحاياي







رد مع اقتباس
قديم 21-12-2008, 23:47   رقم المشاركة : 3
معلومات العضو
روز الجنوب
مشرفه سابقه

إحصائية العضو







اخر مواضيعي

 

روز الجنوب غير متواجد حالياً


افتراضي

ناصر يعطيك الف عااااااااافيه

ماقصرت







التوقيع

نقره لعرض الصورة في صفحة مستقلة

,

يارب
رد مع اقتباس
قديم 31-12-2008, 13:20   رقم المشاركة : 4
معلومات العضو
المهَا
قلب المنتدى
 
الصورة الرمزية المهَا
 

 

إحصائية العضو






اخر مواضيعي

 

المهَا غير متواجد حالياً


افتراضي

وعليكم السلام ورحمة الله وبــــركاته
جهد قيم ناصـــــر , الله يعطيك العافيه .


وفقك الله .







التوقيع

وَلاَيُفارقني أبداً .
مــ الثُلاَثاء 12 -7-1432 هـ ا

/

أنا هُنا
http://sayat.me/mahaaye
https://oldstory.Sarahah.com
رد مع اقتباس
قديم 08-01-2009, 09:58   رقم المشاركة : 5
معلومات العضو
عاشق الزعيم

إحصائية العضو






اخر مواضيعي

 

عاشق الزعيم غير متواجد حالياً


افتراضي

وعليكم السلام ورحمة الله وبركاته

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .







التوقيع

نقره لعرض الصورة في صفحة مستقلة

رد مع اقتباس
قديم 15-01-2009, 00:07   رقم المشاركة : 6
معلومات العضو
بـلا قـيـود
[ نائب المشرف العام ]
 
الصورة الرمزية بـلا قـيـود
 

 

إحصائية العضو







اخر مواضيعي

 

بـلا قـيـود غير متواجد حالياً


افتراضي

يا سلام عليك !

راجع لك لو واجهتني مشكلة

نقره لعرض الصورة في صفحة مستقلة







التوقيع

نقره لعرض الصورة في صفحة مستقلة
قيديني فقد لانت من عشقك كل شراييني !!
رد مع اقتباس
قديم 28-03-2009, 04:05   رقم المشاركة : 7
معلومات العضو
آهات الجووف
 
الصورة الرمزية آهات الجووف
 

 

إحصائية العضو







اخر مواضيعي

 

آهات الجووف غير متواجد حالياً


افتراضي

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .







رد مع اقتباس
إضافة رد

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[الدرس الخامس] تلوين جميع أجزاء الاستايل (الجزء الأول) ..! نــاصــر قسم تطوير المواقع والمنتديات 6 02-04-2009 16:59
[الدرس الثاني] تصميم الأستايل بالفوتوشوب ..! نــاصــر قسم تطوير المواقع والمنتديات 3 07-12-2008 00:39
[الدرس الآول] التعرف على مناطق العمل والأساسيات ..! نــاصــر قسم تطوير المواقع والمنتديات 7 07-12-2008 00:39
مناقشة [الدرس الثالث] درس تقطيع الاستايل ..! نــاصــر قسم تطوير المواقع والمنتديات 3 03-11-2008 13:05

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


الساعة الآن 00:58.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd. TranZ By World 4Arab
  تصميم المركز السعودي لخدمات الويب