منتدى دمعة احساسي

عزيزى الزائر يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلكِ
و شكرا
ادارة المنتدى


 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

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


شاطر | 
 

 تصميم استايل vB3 من الصفر حتى الاحتراف

اذهب الى الأسفل 
كاتب الموضوعرسالة
لمسة ابداع
مستشار اداري للمنتدى
مستشار اداري للمنتدى
avatar

ذكر
عدد الرسائل : 1470
العمر : 30
العمل/الترفيه : لسا طالب
المزاج : رايق
تاريخ التسجيل : 04/07/2009
نقاط : 2943
السٌّمعَة : 4

مُساهمةموضوع: تصميم استايل vB3 من الصفر حتى الاحتراف   الأحد أكتوبر 24, 2010 5:33 am






شرح تصميم استايل vB3 من الصفر حتى الاحتراف ..





:: متطلبات الدرس ::


اول شىء لازم يكون عندك استعداد تتعلم وتبذل بعض الجهد ولا تعتمد على الاخرين

ثانى شىء لازم تعمل فنجان قهوة لزوم الشغل


يلزمنا برنامج الفوتوشوف

للتحميل




:: برنامج الفرونت بيج 2003 ::


للتحميل





نبدأ الشرح على بركة الله


نروح للفوتوشوب
file - new
777 × 444
ابيض





نعمل لير جديد






نحدد مساحة للهيدر ونطليها باي لون










اضغط pattern overly






حدد الباترن اللي بدك اياه واضغط ok

هنا مجموعة باترن روعة







نعمل لير جديد ونحدد مساحة فوق الهيدر ونطيلها باي لون





ونكرر الخطوات السابقة لكن بباترن بيختلف ونعمل شوية تأثيرات






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

كما في الصورة ..





نكرر نفس الخطوات على الفوتر
:: النتيجة ::




:: تقطيع الاستايل ::


شرح التقطيع بالفيديو


للتحميل






اختار اداة التقطيع كما بالصورة




ونقطع الهيدر كالتالي







تقطيع الفوتر






:: حفظ الاستايل ::


file - save for web




save
نكتب اسم الاستايل ونساوي حفظ

بعد حفظ الاستايل بالمكان المناسب نروح نلاقي اسم المجلد images نغيره لاسم الاستايل اللي سميناه


:: اعتماد الاستايل باستخدام الفرونت بيج ::


نفتح الفرونت بيج ..








نروح ع تعليمات برمجية

نحدد كل الكود .. ونحدفه








نعمل جدول 3 × 3






نضغط بالزر الايمن ع الجدول




ونضغط خصائص الجدول






نطبق الخيارات كالتالي





نحدد اول سطر في الجدول

ونضغط بالزر اليمين خصائص الخلية



وروح ع مجلد الصور واختار صورة رقم 3 ..








ثم نروح على اخر سطر ونكرر الخطوات لكن نختار صورة رقم 9



نضغط ع السطر الاول بالزر اليمين - تقسيم الخلايا ..







ثم السطر الاخير وتقسيم الخلايا - 3


نضغط ع صورة


وفي اول خلية ع اليمين في السطر الاول نختار من مجلد الصور صورة رقم 5 واللي تليها 4 واللي تليها 3 ... لين صورة 1 ..

كما في الصورة





ونكرر الخطوات ع الفوتر ، ونختار صور 11- 10 - 9 - 8 - 7






نروح لتعليمات برمجية ، ونحدد رابط صورة من الجهاز كما هو موضح






نضغط بالزر اليمين استبدال





ونعمل استبدال للكل بفراغ





هلا نروح ونرفع داخل مجلد
vb مجلد الصور اللي حفظناه بتاع الاستايل






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



نسمي الاستايل ونساوي حفظ




نروح للقوالب الشائعة للاستايل ونفتحه




ونحدف الكلام اللي فوق spacer_open





ونرجع للفرونت بيج ونحدد كما في الصورة




ونلصقه فوق spacer_open







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


ووننزل تحت في القوالب الشائعة ع الفوتر وننزل ع الاخير تحت script ونلصقه





:: CSS ::





نطبق الخيارات التالية في ال CSS راح يكون الشغل ع كيفك انت يعني كيف بدك استايلك بتساوي وعندك الخيارات وطبق عليها ..





نروح لمتغيرات الستايل




لتغيير حجم او تباعد الاستايل





لتغيير الايقونات فقط قم برفع بمجلد الايقونات وقم بتغيير الرابط من اسفل


وتعدل انت بقى على الاستايل كيف ما بدك ( البوست بت و الايقونات والالوان والصور .. الخ )



.:: انتهى ::.



التوقيـــــــــــــــــع
لا تكن أسهل ما في الحياة ولا أصعب ما فيها ولكن كنت انت الحياة  بأسمى معانيهـــا


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://dem3atihssassi.ahlamontada.net
عطر الذكريات
المديرة
avatar

انثى
عدد الرسائل : 4496
العمر : 37
الموقع : http://dem3atihssassi.ahlamontada.net
العمل/الترفيه : métreur vérificateur et l'etude de prix
المزاج : الامل
تاريخ التسجيل : 22/01/2009
نقاط : 5509
السٌّمعَة : 10

مُساهمةموضوع: رد: تصميم استايل vB3 من الصفر حتى الاحتراف   الأحد أكتوبر 24, 2010 5:13 pm


التوقيـــــــــــــــــع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://dem3atihssassi.ahlamontada.net
الشاعر الحزين
المراقب العام
المراقب العام
avatar

ذكر
عدد الرسائل : 681
العمر : 29
العمل/الترفيه : طالب
تاريخ التسجيل : 14/01/2010
نقاط : 920
السٌّمعَة : 2

مُساهمةموضوع: رد: تصميم استايل vB3 من الصفر حتى الاحتراف   الأحد أكتوبر 24, 2010 9:24 pm

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

ذكر
عدد الرسائل : 1470
العمر : 30
العمل/الترفيه : لسا طالب
المزاج : رايق
تاريخ التسجيل : 04/07/2009
نقاط : 2943
السٌّمعَة : 4

مُساهمةموضوع: رد: تصميم استايل vB3 من الصفر حتى الاحتراف   الإثنين أكتوبر 25, 2010 6:46 pm

:خنتغ:
وان شاء الله ما راح نقصر في الدروس باذن الله

التوقيـــــــــــــــــع
لا تكن أسهل ما في الحياة ولا أصعب ما فيها ولكن كنت انت الحياة  بأسمى معانيهـــا


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://dem3atihssassi.ahlamontada.net
 
تصميم استايل vB3 من الصفر حتى الاحتراف
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى دمعة احساسي :: ۩۝۩● الكـــمبيـوتر والنت ●۩۝۩ :: تطوير المواقع والمنتديات-
انتقل الى: