تراجع إلى الخلف   :: TRAIDNT FORUM :: > أقسام تعليم استايلات > دورات تعليم وتصميم الإستايلات > ركن أرشيف دروس الإستايلات

دورة تصميم الستايل الإحترافي رباعي الأطراف4 -المحترفpro-

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

 
  #1  
قديمة 14 - 05 - 2006, 21:07 المحترفpro غير متواجد حاليآ بالمنتدى
صورة 'المحترفpro' الرمزية
:: عضو نشيط ::
بيانات موقعي
اصدار المنتدى: صفحتي
 





المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro

السلام عليكم

تأخرت عليكم شوي بهذي الحلقة لأني و الله أنشغلت شوي

بس معليش

اليوم بتعرفون كيف تركبون الستايل في المنتدى و تضبيط الجزء الأول من ألوانه

يشترط في هذه الحلقه , إمتلاكك لمنتدى حقيقي أو تجريبي لتطبيق الدرس عليه

التجريبي يكون بواسطة السيرفر أباتشي >> سيتم لاحقاً تنزيل درس لشرحه

هذا السيرفر برنامج تقوم بتحميله على حهازك
و يمكنك عمل منتدى تجريبي و العمل عليه و تصميمه من دون الإتصال بالإنترنت .

ما أطول عليكم

نبدأ الدرس بسم الله :

رح للوحة تحكم المنتدى > ضبط الستايلات > آخر شيء تلقاء إضافة ستايل جديد









أكتب أسم الستايل ثم حفظ




بعد أن تنشئ الستايل أضغط بالقائمة المنسدلة اللي يساره و أختر القوالب المشتركه





يتبع ,,,
المحترفpro
توقيع المحترفpro
X B L O O عالم من أختياري

ايميل وماسنجر:xbloo@xbloo.com

موقع الشركة :www.xbloo.com


المملكه العربيه السعودية // الرياض //
التعديل الأخير كان بواسطة serag777; 19 - 05 - 2006 الساعة 23:50 السبب: رفع الشرح على سيرفر المعهد
  رقم المشاركة : [ 2 ]
قديمة 14 - 05 - 2006, 21:08 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
أجعل أكواد الهيدر ناصعة الزراق " يعني أمسحها "
إلا العبارتين الأخيرتين ثم أضف أكواد الهيدر أعلاها مثل الصورة :






كذلك الفوتر أمسح كل شيئ بعد العبارة الظاهرة آخر شيء يعني بعد

المؤشر اللي بالصورة أمسحه و حط أكوادك حقت الفوتر :







بعدها رح تحت و أضغط على زر حفظ و رح شف منتداك وش صار عليه :




إذا طلعت لك صورة شبيهة بالسابق فهذا يعني أنك ماشي متأكد , و كانك تبغى
تتأكد من منطقة التمدد حوّل مقاسات شاشتك لـ 1024 إذا كانت 800*
600 و شف البنر يصقع بالأطراف و لا يتوسط
يتبع ,,
المحترفpro
توقيع المحترفpro
X B L O O عالم من أختياري

ايميل وماسنجر:xbloo@xbloo.com

موقع الشركة :www.xbloo.com


المملكه العربيه السعودية // الرياض //
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:00 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 3 ]
قديمة 14 - 05 - 2006, 21:08 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
رح مره ثانية للقائمة المنسدلة اللي يسار الستايل و أختر css الرئيسي :





أول متغير هذا لون الخلفية الرئيسية حقت المنتدى و اللي يساره هذا حق الإطار




رح للفوتشوب و أختر آداة إنتقاء الألوان و حدد لون الخلفية مثل الصورة ثم أنسخ كود اللون :




و أمسح كل الموجود في متغير الإطار و حطه زي كذا :
margin: 0px 0px 0px 0px;
padding: 0px;


يتبع ,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:07 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 4 ]
قديمة 14 - 05 - 2006, 21:09 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
الجزء الثاني مشابه تقريباً للأول Page Background (Customized in this Style)




حط نفس كود اللون اللي طلعلك بالفوتشوب




و بيصير تمااااااااااااااام :



<td>, <th>, <p>, <li> لا تسوي فيه شيء




يتبع ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:21 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 5 ]
قديمة 14 - 05 - 2006, 21:10 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي






أممممممممممم من وين نطلع لونه ذا :)

صح تذكرت فيه لون غامق عندنا بالستايل

خذه بواسطة آداة إنتقاء الألوان و أنسخ كود لونه




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



و بيصير معاك توووب


يتبع ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:28 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 6 ]
قديمة 14 - 05 - 2006, 21:10 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
تصنيف السكربتات (Customized in this Style)



هذا المتغير يحدد الشكل المأطر بالأحمر :


طبعاً يتم التغيير فيه بكود اللون و الصورة المراد وضعها خلفية و الكود كالتالي :
#023B58 url(salman/1.jpg) repeat-x top

و بيصير معهاك زي كذا



يتبع ,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:37 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 7 ]
قديمة 14 - 05 - 2006, 21:11 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
اللحين بعد التطبيق بيصير شكل المنتدى زي اللي بالصورة :



الثاني زيه تقريباً يعني لو تحط نفس المتغيرات يكفيك بس غير تنسيق الخط




Table Header (Customized in this Style)

يفضل جعل لونه مثل لون الخلفية أحسن :)




يتبع ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:43 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 8 ]
قديمة 14 - 05 - 2006, 21:12 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي



شف اللحين و ش صار بس ناقصه تنسيق الخط و لون الخط



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



يتبع ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:50 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 9 ]
قديمة 14 - 05 - 2006, 21:12 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
نحط الأول فاتح و الثاني أغمق منه بشوي زي كذا :








WYSIWYG Editor (Should usually be the same as 'First Alternating Color' or 'Input Fields')

للتحكم بصندوق المحرر المتقدم :


غيرها بالأنسب مع لون ستايلك :



يتبع ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 00:56 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 10 ]
قديمة 14 - 05 - 2006, 21:13 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
طبعاً أنا طحطيت القيم زي كذا :



*******************

Input Fields (Customized in this Style)



يتبع ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 01:00 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 11 ]
قديمة 14 - 05 - 2006, 21:13 المحترفpro غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 
صورة 'المحترفpro' الرمزية
 


المحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدعالمحترفpro سوف يصبح مبدع
أرسل رسالة بواسطة MSN إلى المحترفpro
بيانات موقعي
اصدار المنتدى: صفحتي
افتراضي
الأزرار (Customized in this Style)


أنا من ناحيتي عدلتها زي كذا :





الجزء القادم من التنسيق في الحلقة القادمة :)

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

لا أخفيكم أن الجزء الأكبر من هذا الدرس استفدته من الأخ تركي الودعاني جزاه الله خير الجزاء


أترككم بحفظ الله و رعايته

تحياتي ,,,
المحترفpro
التعديل الأخير كان بواسطة serag777; 20 - 05 - 2006 الساعة 01:15 السبب: رفع الشرح على سيرفر المعهد
 
  رقم المشاركة : [ 12 ]
قديمة 15 - 05 - 2006, 06:42 ADEL غير متواجد حاليآ بالمنتدى
عضو مؤسس
 
صورة 'ADEL' الرمزية
 


ADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدودADEL مبدع بلا حدود
بيانات موقعي
اسم الموقع: ترايدنت
اصدار المنتدى: Twitter
افتراضي
المحترفpro

بارك الله فيك يامبدع كيفت ووفيت الله يطول عمرك
ADEL
توقيع ADEL
- l [] Foot Loose And Fancy Free [] l -
 
  رقم المشاركة : [ 13 ]
قديمة 15 - 05 - 2006, 07:59 x_5 غير متواجد حاليآ بالمنتدى
x_5
:: TRAIDNT ::
:: رفيق الدرب ::
 
صورة 'x_5' الرمزية
 


x_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدودx_5 مبدع بلا حدود
بيانات موقعي
اسم الموقع: vbulletin.ae
اصدار المنتدى: :: مجتمع ترايدنت ::
افتراضي
مشكور اخوي علي الشرح
x_5
توقيع x_5
‏​‏​كُنْ فيْ الْحياهْ كَعابر سبيلٍ وَاتْرُكْ وراءكَ كُل أثرِ جَميل
فَما نَحنُ فِيْ الدُنيا إِلَاضُيُوْف وَما عَلى الضيوْفِ إِلَاالرحيل
واحــد مـــ x_5ـــن النـاس ©
 
  رقم المشاركة : [ 14 ]
قديمة 15 - 05 - 2006, 09:39 UaeStar غير متواجد حاليآ بالمنتدى
.:: عضو متألق ::.
 
صورة 'UaeStar' الرمزية
 


UaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدودUaeStar مبدع بلا حدود
أرسل رسالة بواسطة ICQ إلى UaeStar أرسل رسالة بواسطة AIM إلى UaeStar أرسل رسالة بواسطة MSN إلى UaeStar أرسل رسالة بواسطة Yahoo إلى UaeStar
بيانات موقعي
اصدار المنتدى: لا أملك منتدى
افتراضي
بارك الله فيك الغالى
سوف يتم تطبيق الشرح لاحقا ان شاء الله
UaeStar
 
  رقم المشاركة : [ 15 ]
قديمة 15 - 05 - 2006, 16:42 ونين الليل غير متواجد حاليآ بالمنتدى
:: عضو نشيط ::
 


ونين الليل متمكنونين الليل متمكنونين الليل متمكنونين الليل متمكنونين الليل متمكنونين الليل متمكن
بيانات موقعي
اسم الموقع: الحوت
اصدار المنتدى: 3.8.6
افتراضي
كفوا يا ذيب

عداك العيب
ونين الليل
توقيع ونين الليل
I was thinkin about her, thinkin about me.
Thinkin about us, what we gonna be?
Open my eyes, yeah; it was only just a dream.
So I travel back, down that road.
Who she come back? No one knows.
I realize, yeah, it was only just a dream.


"ينبغي علينا مواجهة الأفكار المضادة بالنقاش أو بالسماح لها بالتعبير عن نفسها .. لا يمكن تدمير الآراء بالقوة , لأنّ هذا يحتجز أي تطوير حر للثقافة والفكر"
 
 

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

أدوات الموضوع
طرق العرض

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

رمز [IMG] : متاحة
رمز HTML : معطّلة
المراجع : معطّلة
Refbacks are متاحة




الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 02:36.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)


Powered by vBulletin® Version 3.8.7
.Copyright ©2000 - 2012, Jelsoft Enterprises Ltd

SEO by vBSEO 3.6.0 ©2011, Crawlability, Inc.