بدايتك مع تصميم استايلك(الجزء الاخير والكامل)
 

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

فى البداية وعندما كنت اطمح تعلم تصميم الاستايلات فى البداية لم افلح ولكنى قمست المهام فى الاستايل بمعنى مما يتكون هذا الاستايل؟؟

ورايت انة يتكون من ثلاص اجزاء اساسية وهم الصفحة الرئيسية وصفحة عرض الاقسام وصفحة عرض المشاركات والباقى يكفى التعديل علية بالالوان ليتناسب مع باقى الاستايل اولا سنشرح عملية تغيير الوان الاستايل كامل وستجد ملف فى المرفقات بة عدد من الصور تشرح العملية بوضوح شديد وقد استعنت ببعض الاشياء من manual او الدليل الموجود بالموقع الرئيسيى للبرنامج

---------------------------------

ولنفرض الان انك قمت بتغيير اللوان استايلك فعلا ماهى الخطوة القادمة فاستطيع ان اقول لك انك الان قطعت شوطا كبيرا فى تصميم الاستايل فما عليك الان الا ان تفتح برنامج الفوتوشوب وتصمملك هيدر عدل مدل :D
بمقاس 756*اى طول على مزاجك ومن ثم تقوم بحفظة بصيغة html with images
ثم تقوم بفتح الملف بالفرونت بيج ومنها تذهب الى html فى الفرونت بيج كما فى الصورة الاتية

وتقوم بنسخ المحتويات كاملة والان تذهب الى لوحة التحكم,,القوالب والاستايلات,,ضبط الاستايلات,,تعديل
القوالب,,وتفتح تمبلت الهيدر header وتقوم بمسح كل مافية ولصق المحتويات واعمل save ثم اذهب الى منتداك ولترى النتيجة بنفسك الان اصبح استايلك شبه كامل الالوان معدلة والهيدر موجود وتستطيع تتبع نفس الطريقة مع الفوتر مع تغيير اسم التمبلت حيث ان الفوتر footer اما الهيدر فتمبلتة header
تنبية:: اذا اردت ان تقوم برفع الاستايل لموقعك يجب عليك اتباع الاتى فى كل التمبلتات التى عدلت فيها
ابحث عن هذا السطر فى التمبلتات التى قمت بالتعديل فيها file:///C:/AppServ/www/vb وقم بحذفة ولا تحذف ما بعدة ولكن احذفها كما تراها فقط
------------------------------
هل تمت معك الخطوة بنجاح؟؟ اذا نعم فلنكمل واذا لا فلتطرح المشكلة التى واجهتك ولنحلها سويا باذن الله
طب فلنكمل الان انت تريد ان تضع بعض لمسات الاحتراف فى استايلك مثلا اطار لجدول المواضيع واطار لعرض المشاركات؟ فلنكمل الدرس اذن
اولا تضمين محتوى forumhome ضمن جدول يتطلب بعض الخبرة فى الفرونت بيج وسارفق الطريق بالصور وايضا سارفق التمبلت معدل جاهز للمسعجلين
والان عليك ان تذهب لبرنامج الفوتوشوب وتقوم بتصميم اطار مناسب لك(ملحوظة الاطار سيكون لجدول عرض الاقسام وليس للصفحة كاملة) باى شكل تحبة الاهم ان تقوم بتقطيع تسعة اجزاء كالصورة الاتية

والان نفتح تمبلت الفورم هوم
وانظر للصورة الاتية

ملاحظات الصورتين tm و dm تقوم بادراجهم كالاتى::كلك يمين على الخلية الى راح تدرج فيه الصور::خصائص الخلية::وتقوم بعمل صورة كخلفية ان شاء الله النقطة وضحت واى سؤال عليها انا جاهز
والان افتح ستايلك لترى النتيجة بنفسك
والان ستجدوا بالمرفقات ::صور شرح تغيير الوان الاستايل
تمبلت forume home المعدل
وتمبلت postbit المعدل ايضا اذا كنت تريد تضمينة ضمن اطار
وارجوا ان اكون وفقت فى هذا الشرح البسيط جدا ولكن للعلم تصميم الاستايل فعلا لا يحتاج اكثر من هذة الاساسيات ومن المحتمل ان تواجهك الكثير من المشاكل والتى سنقوم بحلها باذن الله فلن استطيع تخمين كل المشاكل او النقط التى لا يمكن فهمها وشرحها مفصلة ولكنى سافعل بطلباتكم يعنى اذا فى نقطة غير مفهومة معينة ممكن اوضحها مرة اخرى بشكل اوسع ان شاء الله
نصيحة هامة لكل مبتدا فى تصميم الاستايل::قم بتحميل اكثر من استايل مثلا استايل الراسم واستايلات ضيف المهاجر المجانية وكاسبر وما الى اخرة ولترى التعديلات التى قاموا بها فى استايلاتهم يتجد مثلا التمبلتات كلها معدلة وجاهزة فقط للاستبدال والموضوع يصبح اكثر سهولة وارجوا تطبيق هذة النقطة لانها مهمة بالفعل

افااا نسيت الملف المفرق :D قصدى المرفق عموما انا مش هارفقة لان مساحتة اوفر شوية عموما لقد رفعتة على الحساب الى عطانى اياة الاخ ياوش(الله يحفظة ويطول بعمرة )
من هنــا

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

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


وشكرا ياوش على المبادرة الجميله والغير مستغربه من انسان محب للتعاون .


تحياتي

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

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

تقبلوا تحياتي
محمد بو جمعه

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

يعطيك الف عافية وما قصرت

وان شاء الله تكون الفائدة كبيرة

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

مشكور وماقصرت

على الشرح الوافي

ومب غريبه ـعـلـيـك

des4flash :: مشكور ياغالى على مرورك الكريم
------------------------------------
الاخ ابو عبد الله::هذا بس منذوقك :) ومشكور على مرورك الجميل

اخو استايل
ممكن توضح لنا اكثر طريق اضافة الاطار على الجداول يعني ماني فاهم زين من هذا الشرح
http://www.msa6el.net/50/forumhome.jpg

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

اوضحلك اكثر انت الان عملت اطار الاطار الى عملناه جزئين اعلى واسفل طيب تمام
الان عليك تقطيع كل جزء منهم الى ثلاثة نمسك الجزء الاول الى هو بالاعلى ونقطعة ثلاث اجزاء جزء ايمن ومنتصف وايسر وتسميهم زى مامكتوب عندك فى الصورة والشرح واحد tl والتانى tm وهكذا تسميها الصور علشان لما تيجى تدرجهم فى الجداول تعرف هاتدرج اى صورة فى اى جدول وبعد ولازم الصورة الى فى النص تدرجها بطريقة معينة وهى:
اضغط على الخلية كلك يمين ثم خصائص الخلية ومن ثم تعلم صح على عمل صورة كخلفية وتجيب مكان الصورة الى فى المنتصف الى هى tm وتضغط اوكى طبعا واليمين واليسار تعملهم ادراج عادى وبكدة لو نفذتها على الاطار الى تحت تبقى خلصت الخطوة دى :) واى استفسار اخر حاضر

يسلمووو اخوي ستايل يعطيك الف عافية

الصور ماطلعت :(

الروابط ما تشتغل


تحياتي
المعروف