•·.·´¯`·.·• (©°¨¨¨™¤¦ السلسلة الثانية من دروس صمم ستايلك ¦¤™¨¨¨°© ) •·.·´¯`·.·•

abofares · 26-07-2003, 05:13 AM

بسم الله الرحمن الرحيم
هذه السلسلة الثانية من دروس صمم ستايلك
من هذه السلسلة الى السلاسل الى الاخرى يبدأ الشغل المضبوط يعني السلسلة الاولى كانت نبذة بسيطة
في هذه السلسلة نحتاج انه يكون عندك سيرفر شخصي(يمكن الاستغناء عنه ولكن وجوده افضل) بأذن الله راح اشرح لكم كيف صممت هذا الستايل
www.al-ward.net/vb
بعد كان ستايل الافتراضي
الصفحة الرئيسية فقط والباقي في السلاسل الاخرى

بسم الله نبدأ الشرح
( اتمنى من الجميع عدم تغير الستايل الافتراضي حتى الالوان)
بعد تركيب المنتدى على السيرفر الشخصي يكون ستايل افتراضي طيب في البداية نغير الخلفية ( الطريقة مشروحة في الدرس الاول) بعد تغير الخلفية توجد مشكلة وهي يوجد لون ابيض كما توضح الصورة (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/4.gif
نقدر نشيل الون الابيض عن طريق صفحة الالوان وتحديدا عند الفراغ الاول مثل ما توضح الصورة

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

كود PHP:

  "body background="images/bgl.gif"

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

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

تعديل الهيدر :
اذهب الى صفحة التمبليتات وتحديدا عند التمبليت header انقله الى الفرونت بيج
عن طريق تضليل جميع محتويات الهيدر ونسخ ثم الذهاب الى الفرونت بيج والضغط على HTML
ثم مسح الموجود داخله ولصق محتويات الهيدر بعد لصقه اضغط على (عادي) بنسبة لي لاني ا
اعمل على الفرونت بيج XP عربي
رح تطلع لكم مجموعة صور راح اوضحها لكم كما في الصورة (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/6.gif
الان .. سهل على اي واحد يجيد استخدام الفرونت بيج رفع صورة الشعار الى الاعلى سوف اشرح لكم
طريقة بسيطة:
انت فاتح الهيدر على الفرونت بيج سوي صفحة جديدة وامسح ما داخل HTML بعدين اعمل جدول في السطر الثاني وخليه شفاف ، الان ارجع الى صفحة الهيدر وانسخ الصور السبعة ما عدا صورة الشعار والصقها في الجدول الشفاف ارجع الى صورة الشعار وانسخها وجعلها في السطر الاول من الصفحة الجديدة وضلل الكل واضغط على توسيط رح يطلع معاك مثل كذا (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/h1.gif
تستطيع التعديل بطريقة اخرى على حسب ذوقك وخبرتك

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

تعديل الفورهوم forumhome :
نفس طريقة الهيدر ادخل على صفحة التمليتات واختر التمليت forumhome وضعه بالفرونت بيج يطلع لك
_بعض الموجود في الصفحة الرئيسية
راح نأخذها وحدة وحدة نبدأ بالي توضحها الصورة :

لالوان المتشابهة تدل على ( دالة - ماذا تدل عليه الدالة) مثلا لو لاحظنا المواضيع وجدناها ودالتها _
$totalthreads _بنفس الون اتوقع الان وضح معنى الدالة أكثر

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

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

الصورة الثانية

الحين اذا حاب تضيف خلفية لون اعمل مثل رقم (1) واذا حاب تعمل الخلفية صورة أعمل مثل رقم اثنين
ذا اضفت لون ماعليك سوى اختيار الون
اذا اضفت صورة ضع علامة صح على (استخدام صورة خلفية) وضع هذا الكود

كود PHP:

  {imagesfolder}/k2.gif

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

كيف نجعل لها خلفية سواء لون او صورة؟
يوجد طريقتين عن طريق تعديل تمبليتات وعن طريق صفحة الألوان كل واحد وله مميزاته مثلا الي عن طريق التمبليتات تستطيع جعل لكل جدول خلفية.
لكن الذي عن طريق صفحة الألوان في يضع خلفية موحدة لجدوال معينة مواضحه بالصورة مثلا اي جدول مكتوب عليه رقم (1) هذا يدل ان خلفيات الجداول الي مكتوب عليها رقم (1) خلفية وحدة وكذلك رقم (2) (3)
سوف اشرح الي عن طريق صفحة الالوان والي عن طريق التمبيلت كتبت اسمائها في تمبليتات في الصفحة الرئيسية ( اخر الموضوع )
الصورة توضح لكم طريقة تغير الخلفيات:

رقم واحد لتغير الخلفيات الي رقمها (1)
رقم اثنين لتغير الخلفيات الي رقمها (2)
الحين غير اكواد الالوان الموجودة أكواد الالوان التي تريدها

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

كود PHP:

  "body background="images/k2.gif"

صورة لتغير خلفية رقم (3)

التعديل بنفس الطريقة

تعديلات اخر الصفحة
الصورة توضح (اضغط على الرابط لمشاهدة الصورة)
http://www.ebda3host.net/se1/13.gif
الي كاتب عليها اشرحه كتابيا هذا عبارة عن 2 تمبيلت ، الاول عندما يكون للعضو المتصفح تضهر له مثل هذا الغير الزائر تظهر له نفس الشيء لكن بدون خروج وجود قائمة لدخول العضو ويكون التعديل عليها من :
forumhome_logincode >> للزائر
forumhome_logoutcode >> للعضو
والباقي مكتوب في أي تمبيلت التعديل

تمبيلتات في الصفحة الرئيسية :
forumhome_forumbit_level2_post >> هذا لتعديل خلفية الاقسام الفرعية وعدد المشاركات وعدد المواضيع وخلفية المشرفين
forumhome_forumbit_level1_nopost >> لتعديل خلفية الاقسام الرئيسية
forumhome_loggedinusers >> لتعديل المتواجدون الآن
forumhome_pmloggedin>> تعديل الرسائل الخاصة

هذا والله اعلم

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

تقبلو تحياتي
abofares

العبقري · 26-07-2003, 05:25 AM

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

alwa7eed · 26-07-2003, 06:00 AM

يعطيك العافية اخوي ابو فارس وسلمت يداك ..

وننتظر السلسلة الثالثة

abofares · 26-07-2003, 06:17 AM

السلام عليكم

العبقري
هلا فيك اخوي وان شاء الله يكون استفدت

alwa7eed
الله يعافيك اخوي

قريب ان شاء الله السلسلة الثالثة والاخيرة

NaMr · 26-07-2003, 10:17 AM

يعطيك العافيه على الشرح الرائع وبنتظار الدرس الثالث

abofares · 26-07-2003, 11:11 AM

السلام عليكم

NaMr
الله يعافيك اخوي وان شاء الله الدرس الثالث قريب

abofares

عيون العرب · 26-07-2003, 11:30 AM

ماشأء الله عليك اخوي ابو فارس

دوما مبدع والله يعطيك العافيه

ولا يحرمنا من مواضيعك المفيده.

اخوك

عيون العرب

الوافي · 26-07-2003, 01:13 PM

abofares

اخي العزيز بعد الركود الذي حصل بقسم المنتديات
ها انت تنعشه من جديد بروائعك ومواضيعك المتميزه

الله يوفقك ويزيدك ولا تحرمنا من جديدك

abofares · 26-07-2003, 01:49 PM

السلام عليكم

هلا اخوي الوافي

العفو اخوي

بصراحة انا معجب بتصاميمك ما شاء الله عليك

تحياتي
abofares

Damas · 26-07-2003, 02:23 PM

كلمة الشكر قلية جدا مقابل هذا السخاء بالشرح

جزاك الله كل الخير

abofares · 26-07-2003, 02:51 PM

اقتباس:

رد مقتبس من Damas
كلمة الشكر قلية جدا مقابل هذا السخاء بالشرح

جزاك الله كل الخير

تسلم اخوي

تحياتي
abofares

heem55 · 28-07-2003, 04:28 AM

الله يوفقــــــــــــك

عمل رائع وجهد تشكر عليه ..........
يسلموووووووووووووووو يا غالي

محمود المسعودي · 28-07-2003, 05:11 AM

بارك الله فيك أخوي

izaq · 28-07-2003, 06:02 AM

السلام عليكم

مشكور اخوي على الدرس الوافي

وان شاء الله نشوف الدرس الثالث بعون الله

بس بغيت منك توضح لي شيء اخوي لو تسمح بس

في هذه الصوره

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

كيف لي ان اغيرمن شكلها او محتواها وهي لاتضهر لي ادا نسخت الكود في الفرونت بيج

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

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

تحياتي للجميع

al3arf · 28-07-2003, 04:10 PM

مشكور يا مبدع على هذا الدرس والى الامام
و بالتوفيق

abofares · 29-07-2003, 08:45 AM

السلام عليكم

heem55،،Moodeey..al3arf

العفو

izaq

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

اخوي انا شارحها كلها لو قرات تمام كنت عرفتها

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

لا علاقة للفورهوم بتعديل الجداول

اعتذر عن التأخير في تكملت الدرس لاني في الوقت الحالي مسافر

تحياتي أبو فارس

E-I · 30-07-2003, 04:11 PM

مشكور ابو فارس

احنا محتاجين لمثل هذي الدروس

يعطيك العافية

abofares · 01-08-2003, 02:40 AM

الله يعافيك اخوي

M4E · 01-08-2003, 05:06 PM

اقتباس:

رد مقتبس من NaMr
يعطيك العافيه على الشرح الرائع وبنتظار الدرس الثالث

الملاح · 02-08-2003, 01:29 AM

مشكور أخي وبارك الله فيك

abofares · 02-08-2003, 05:36 AM

الله يعافيكم

الملاح · 24-08-2003, 01:07 PM

للرفع

في إنتظار السلسلة الثالثة .

Abo-Khaled · 24-08-2003, 07:17 PM

جميل جدا

ونحن بانتظار السلسلة الثالثة

العبقري · 20-06-2004, 03:04 PM

اعرف الموضوع قديم لكن انت وعدتنا باسلسلة الثالثة

abofares · 20-06-2004, 05:19 PM

السلام عليكم ::

قريب ان شاء الله واعتذر عن التأخير الشديد

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق