العودة مطور Mtwer > دورات و دروس مطور المتخصصة > إرشيف الدورات > دورة تصميم ستايلات منتديات الفي بي vBulletin
تحديث الصفحة
شرح تصميم استايل منتدى، الدرس السابع:شرح توسيط المنتدى ووضع خلفية للمنتدى

دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان
ملقي الدورة: [vista-design]

موضوع مغلق
اسحب وشارك
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 14-07-2008, 03:52 PM

0

الصورة الرمزية vista-design
مسؤول قسم الدورات

 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,612
vista-design is on a distinguished road
Arrow شرح تصميم استايل منتدى، الدرس السابع:شرح توسيط المنتدى ووضع خلفية للمنتدى

الدرس السابع:شرح توسيط المنتدى ووضع خلفية للمنتدى

بسم الله الرحمن الرحيم





بعد ما انهينا الدروس الاساسية فى تصميم الاستايلات

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

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

اولا: قم بفتح عمل جديد على الفوتوشوب

والمقاسات راح تكون كالاتى:

الارتفاع 830 X العرض 1200






ثم الحين بعد فتح العمل نقوم برسم اى شىء تريده
اى لون حسب الاستايل اللى انت شغال عليه

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

شوف......







وطبعا بالمثل ترسم على الناحية الاخرى(اليمنى)


والحين بعد ما تسوى العمل اللى بدك اياه

احفظ العمل بالامتداد اللى يعجبك ويفضل gif

ثم ضع الصورة داخل مجلد الصورimages

لاحظ احنادرسنا هذا ليس له علاقة بما سبق,واقصد ليس له علاقه بمجلد mtwer اللى سويناه, ولكنها اضافات حتى تلم بالموضوع

والحين نتوجه لاعدادات الcss للاستايل
وراح نقوم بالاتى:

1- نقوم بتغيير عرض الجدول الاساسى الى 777 بدلا من 100%

شوف.......






2- الحين ننزل لجدول الbody ثم نقيم بأضافة الكود الاتى فى الخلفية


كود:
#FFFFFF url(images/xxx.gif) repeat-y fixed center top






لاحظ xxx تعنى اسم الصورة اللى حفظناها داخل مجلد images

احفظ

وبعدين روح شوف المنتدى

شوف.......






انتهى

انتظروا الاضافة التالية فى الدرس القادم

اخوكم vista-design


توقيعي


عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com
  #2  
قديم 22-08-2008, 08:15 PM

0

الصورة الرمزية vista-design
مسؤول قسم الدورات

 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,612
vista-design is on a distinguished road

نرجو التدرب على الدرس


توقيعي


عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com
موضوع مغلق

العلامات المرجعية

مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin

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

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

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
درس تصميم استايل منتدى، الدرس الثامن:شرح تطوير قالب الاقتباس والفورم جامب vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 1 23-08-2008 04:43 PM
شرح تصميم منتدى في بي، الدرس السابع: تعلم تغيير روابط الصور واستيراد ملف الxml للاستايل vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 2 19-08-2008 04:06 AM
تعلم تصميم استايل منتدى، الدرس الخامس:شرح تصميم ايقونات وأزرار المنتدى لتتوافق مع الاستايل vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 0 10-08-2008 02:14 AM



جميع الأوقات بتوقيت GMT +3. الساعة الآن 04:09 AM.
Search Engine Friendly URLs by vBSEO 3.5.2

الحقوق محفوظة لكل المطورين والمواقع العربية

Security team