mher90

97

15,102

دورة كاملة في تصميم ستايلات منتدى vb 3.8

بداية أقول الدورة منقولة من موقع نيو ستايل و مع الدروس:

شرح تركيب سيرفر اباتشي .. الدرس الاول


اول دروس تصميم المواقع والمنتديات وتركيب السكربتات


تركيب سيرفر الاباتشي في جهازك


appserv-win32-2.5.9


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


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


وهذه النسخه متوافقه مع فيستا وجميع اصدارات الوندوز


حجم البرنامج 14 ميقا
مهمة السيرفر الاباتشي
انك تستطيع قراءة ملفات
php
في جهازك
طبعاً اكثر السكربتات الوقت الحالي كلها بلغة
php
يعني الي يبي يصير مصمم ويجرب السكربتات في جهازه يجب تحميل هذا البرنامج وتنصيبه في جهازه


وتستطيع مع هذا البرنامج


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


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


موقع البرنامح

http://www.appservnetwork.com/

تحميل البرنامج



شرح تنصيب البرنامج
اضغط على ايقونة البرنامج









اضغط next







اختر IAree





اختر موقع مجلد لحفظ ملفات البرنامج فيه ويفضل تركه كما هو





اترك علامة صح في جميع الخيارات ثم اضغط next






ضع في الخيار الاول كلمة localhost


والخيار الثاني الايميل الخاص او اي ايميل






ضع هنا باسورد الروت root الخاص بدخول قاعدة البيانات مهم


ولا تغير شي في الباقي ثم install




يتم تنصيب البرنامج الان



اتركه حتى ينتهي





اضغط finish


توجه الى درايف c


ستجد مجلد البرنامج موجود هناك




تم تركيب البرنامج بنجاح 100%


الدرس القادم باذن الله اضافة التعامل مع قاعدة البيانات


بتوفيق

التعليقات (19)

حسن صحارى     
مشكوووور وبارك الله فيك
فعلاً ممتاز ورائع بل أكثر من ذلك
بكثير
تقبل تحياتي
mher90     

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


الطريقة هي :

اضافة هذا الكود ليشمل الهيدر والفوتر كاملا





الهيدر او الفوتر او اي جزء تريد تثبيته






فقط هكذا
يستبدل الكلام بالعربي في الكود اعلاه بكود الهيدر كاملا
بمعنى اخر ضع

اول سطر في اول كود الهيدر واخر سطر في اخر الكود
يرجى ذكر

عند النقل ( منقول من منتدى اف ام )
لا تنسونا من صالح دعائكم
بارك الله لنا واياكم

mher90     
تغير مكان تسجيل الدخول و الرسائل الخاصة


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


قبل البداية بالشرح
هل جربت يومآ انك تبرمج الأكواد ؟؟
هل جربت يومآ انك تنقل شئ مكان شئ؟؟
هل جربت يومآ أنك تحذف شئ أو تضيف شئ ؟؟
( أرجوا ان الفكرة وصلت )

بسم الله نبدأ
مثال


تم تغير مكانه للهيدر

طبعآ برمجة القالب و أستخرجت منه الكود
الكود
كود PHP:

<
table style="width: 100%" cellspacing="0" cellpadding="0">
<
tr>
<
td dir="rtl" align="right" class="alt8">
condition="$show['member']">
<
div class="smallfont">
<
strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]phrase>strong><br />
<
phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]phrase>

condition="$show['notifications']">
<
div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:a> <strong>$notifications_totalstrong>span>div>
<
script type="text/javascript"> vBmenu.register("notifications");

$vbphrase[private_messages_nav]



$vbphrase[your_pm_box_is_x_full]



















$vbphrase[username]

$vbphrase[password]













أنسخة و ألصقه اي مكان تبيه
حتى ان شاء الله بالفوتر بس اهم شئ بالصفحة الرئيسية

الخطوة الثانية
أفتح قالب
navbar
أبحث عن
كود PHP:
condition="$show['member']">
<
td class="alt2" nowrap="nowrap">
<
div class="smallfont">
<
strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]phrase>strong><br />
<
phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]phrase>

condition="$show['notifications'] AND $show['popups']">
<
div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:a> <strong>$notifications_totalstrong>span>div>
<
script type="text/javascript"> vBmenu.register("notifications");

$vbphrase[private_messages_nav]



$vbphrase[your_pm_box_is_x_full]



































أحذفه بالكامل ولا تبغي فيه شئ

الخطوة الثالثة و الأهم
الدعاء لي و لي والدي و لي جميع المسلمين

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




mher90     
أحببت ان أشرح لكم هذه الفكرة وهي تلوين ستايل واحد بأكثر من لون .بحيث تترك للأعضاء باختيار اللون المفضل ..
ملاحظة هذه الحركة شاهدتها في موقع مكتوب
http://www.maktoob.com/
مثال لخيار اختار اللون


أو



أو



أو



مثال للنتيجة



1- درس تمهيدي
حفظ أنماط css بشكل منفصل أي في ملف خارجي لنستطيع التحكم بها بكل حرية
والطريقة شرحها الاخ كتوم ca2oom بالتفصيل
http://www.traidnt.net/vb/showthread.php?t=459222

بعدما تم ايضاح طريقة حفظ ملفات css بشكل منفصل
وكذلك ايضاح الطرق المختلفة لتعديل الروابط
وكذلك ايضاح أهم الفئات والاكواد و الالوان في الستايل
ندخل مرحة التطبيق
المرحلة الاولى :
نبدأ بتكوين أربع ملفات css بألوان مختلفة .و أتقانها يعتمد على شطارتك في لغة css
نضعها مثلا بهذا المسار مثلا
images/Color/blue.css
images/Color/green.css
images/Color/red.css
images/Color/purple.css

المرحلة الثانية :ربط ملفات css بالجافا سكريبت التي تعرف ب stylesheetswitcher

نرفع ملف الجافا styleswitch.js من هذا الموقع
http://www.dynamicdrive.com/dynamici...etswitcher.htm

او حمل من هنا كليك يمين ..حفظ باسم

نحفظه في هذا المسار مثلا

images/Color/styleswitch.js


المرحلة الثالثة :

لوحة تحكم المنتدى / التحكم بالستايلات / القوالب الشائعة

في قالب headinclude
ابحث عن
كود:
$style[css]
واستبدله ب
كود:

في نفس القالب اضف في آخره

كود:

احفظ العمل
انتهينا من تعريف ملفات css وملف الجافا للستايل

بقي لنا وصع خيار تلوين للأعضاء .
لدينا خيار اضافته في احد القوالب التالية footer أو header أو navbar
ولدينا أشكال مختلف لادراج الخيار (صور) او (قائمة منسدلة) او (أزرار راديو) او (كتابة)

انا اخترت خيار الصور والتعديل سيكون في navbar
في اول navbar أضف


كود:

لوّن صفحتك


الملفات المرفقة

- color-style3.7.0-20Beta-205.zip‏ (45.9 كيلوبايت, 42 مشاهدات)
mher90     
طريقة ... توسيط اقسام المنتدى


توسيط الاقسام





افتح تمبلت


كود PHP:
forumhome_forumbit_level1_nopost





ابحث عن هذا الكود


كود PHP:
<td class="tcat"





وقم باستبداله






كود PHP:
<td class="tcat" align="center"




mher90     
الشرح الكامل لـ ( تصميم ستايل احترافي + تقطيعه + توزيعه + أخراجه ) بالفيديو


السلام عليكم ورحمة الله وبركاته ...

.

الدرس عبارة عن :


- تصميم ستايل منتدى بالفوتوشوب .
- التوزيع بالفرونت بيج .
- التركيب والتلوين .
- الأخراج النهائي .

صور للستايل المراد تصميمه ..

http://www.new-style.ws/upload/uploa...140dbc6e93.jpg

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


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

تم تقسيم الدروس الى 3 دروس فيديو ... وتم جمعها بملف واحد يحتوي ايضا على الملفات المفتوحه للدرس PSD و الستايل الذي تم تصميمه واخراجه .

للتحميـــــــــل من هنـــــــــــــــــــــــ ـــــــااااااا

ملف واحد مباشر بحجم

173

ميقا تقريباً




ملاحظة /

- تركيب الصور بالفرونت بيج في شرحنا هذا كلها بالعكس .. فمثلا : الصور في الهيدر التي على اليمين يتم تركيبها بالفرونت بيج على اليسار .. كما ستلاحظ بالشرح .
- ممكن ان تجد بعض التعليق عند مشاهدة الملف على حسب سرعة جهازك .. وخاصه الملف الاخيره لكبر حجمه .. اعد المشاهده من اللحظه التي توقفت عندها ..

في الختــــام : ان أصبت فمن الله وان أخطأت فمن نفسي والشيطان .


من تقديم : بدر العنزي | www.badr4.com


اذا لم يعمل الرابط المباشر يمكنك تحميل الدرس من المرفق على اربع سيرفرات
megaupload , rapidshare , badongo , depositfiles
ومقسمه الى ثلاث اجزاء لسهولة التحميل تم رفعها من قبل كويتي من منتديات نيوستايل


megaupload

http://www.megaupload.com/?d=WJQNQHNL
http://www.megaupload.com/?d=Q6WHC8XG
http://www.megaupload.com/?d=759GMV4V

rapidshare

http://rapidshare.com/files/206672125/style-Full.part1.rar
http://rapidshare.com/files/206672130/style-Full.part2.rar
http://rapidshare.com/files/206661724/style-Full.part3.rar

badongo

http://www.badongo.com/file/13750592
http://www.badongo.com/file/13750591
http://www.badongo.com/file/13750064

easy-share

http://www.easy-share.com/1903937692/style-Full.part1.rar
http://www.easy-share.com/1903937697/style-Full.part2.rar
http://www.easy-share.com/1903936982/style-Full.part3.rar

depositfiles

http://depositfiles.com/files/o3mikcjkf
http://depositfiles.com/files/dlp4dyfqt
http://depositfiles.com/files/e8zmrs5u5

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

www.new-style.ws/vb

كويتي



mher90     

لتغير الصور الخاصه بالايقونات المنتدى


ووضع مجلد خاص لها



اذا كنت مسوي مجلد من قبل ابداء من الخطوة رقم 2





امثال الرد السريع وايقونات المنتدى الرئيسية





الخطوة 1 : يجب عمل مجلد داخل مجلد vb



ولنفرض ان اسم هذا المجلد الخاص بالستايل



new-style-test







الخطوة 2 : نقوم بفتح مجلد images الخاص بالمنتدى الرئيسي



وناخذ منه ثلاث ملفات مهمه لا نستغني عنها في صور الستايل



مجلد



misc + buttons + statusicon



نقوم بنسخها ووضعها في مجلد الصور الخاص بنا







الخطوة 3

:

نذهب الى متغيرات الستايل المنتدى













الخطوة 4 : ونقوم بتعديل مسار الصور التي قمنا برفعها في مجلد الستايل الخاص بنا








الان غيرنا مجلد الصور الخاص بالستايل نقوم بالحفظ





الخلاصه :



الايقونات الرئيسية تم استبدالها من المجلدات الثلاثه بما يوافق الالون



الخاص بالستايل



الصور الاخرى تكون على المجلد الرئيسي للصور images



كرتب الاعضاء وايقونات الطباعة وملفات التحميل وغيرها

mher90     

تاطير المواضيع والردود




هذا الاطار قمنا بعمله في

الدرس السابق









الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي





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



في قالب



SHOWTHREAD



نفتح قالب



كود PHP:
SHOWTHREAD





ونبحث عن كلمة



كود PHP:





ونضع اعلاه الجدول العلوي للإيطار




ثم نبحث عن كلمة




كود PHP:





ونضع اعلاه



الجدول السفلي




نقوم الان بحفظ العمل



سوف يكون هناك خطاء بسيط






من متغيرات الستايل نغير قيمة حجم الفواصل من 25 الى 0




وبعدها نقوم بالحفظ




النتيجه النهائية




mher90     
تاطير الصفحة الرئيسية للمنتدى


هذا الاطار قمنا بعمله في الدرس السابق






الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي



الان نبي نركبه في قوالب الصفحة الداخلية

قالب

forumdisplay

قم بفتح قالب

كود PHP:
forumdisplay


وابحث عن كلمة

كود PHP:
condition="$show['forumslist']">


واضف تحتها الجدول العلوي


الان ابحث عن


كود PHP:
$forumbits
table>


واضف تحتها الجدول السفلي

النتيجه


لم ننتهي في نفس القالب



كود PHP:
forumdisplay


ابحث عن

كود PHP:



واضف اعلاه الجدول العلوي




ثم ابحث عن

كود PHP:


table>


واضف اسفلهم الجدول السفلي


وابحث عن

كود PHP:



واضف فوقه الجدول العلوي



وابحث عن


كود PHP:



واضف اسفله الجدول السفلي



وقم بحفظ التمبلت

النتيجة




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


هذا الاطار قمنا بعمله في الدرس السابق






الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي



الان نبي نركبه في قوالب الصفحة الرئيسية



اولا .. افصل الاقسام عن طريق هذا الشرح



ثم افتح تمبلت


كود PHP:
FORUMHOME




واضف الجدول العلوي قبل هذه الكلمة


كود PHP:





وضع الجدول السفلي قبل هذه الكلمة



كود PHP:
<br />



وقم بحفظ العمل
النتيجة






الان نذهب الى تمبلت


كود PHP:
forumhome_forumbit_level1_nopost




ونضع الجدول العلوي اعلى التمبلت في اول سطر



ونضع الجدول السفلي



قبل هذه الكلمة



كود PHP:
<br />


تجدها في أخر التمبلت


ثم قم بحفظ التمبلت


النتيجة






الدرس القادم تاطير الصفحات الداخلية للمنتدى
mher90     

تاطير navbar


هذا الاطار قمنا بعمله في

الدرس السابق













الي بلون الاحمر هذا الجدول العلوي والي بالاصفر الجدول السفلي


الان نبي نركبه في النف بار navbar




اولا نفتح لوحة التحكم ثم نذهب للبحث عن تمبلت navbar












ثم نضغط بحث






نضع كود الجدول العلوي فوق كلمة


كود PHP:



وكود الجدول السفلي تحت كلمة


كود PHP:



ونقوم بحفظ العمل


النتيجه







الدرس القادم تاطير الصفحة الرئيسية
mher90     

تصميم اطارات المنتدى بالفوتوشوب وتركيبه بالفرنت بيج



تصميم الفوتوشوب



اولاً نفتح عمل جديد







باداة التحديد





بتحديد داخلي







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











لكي تكون الزاويه مائله









نفتح لير جديد







باداة الصبغ نقوم بصبغة











باداة التحديد نقوم بتحديد داخل الجدول















لكي نقوم بمسحه عن طريق الكيبورد نضغط على




Delete








نقوم بتعديل على هيدر الاطار بما يناسبنا


نعدل على المحدد بالون الاحمر




اما الاخضر لا نقوم بتاثير عليه




كل شخص على حسب ذوقه شنو حاب يضع فيه زخارف نقوش شعار




تدريج



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








انا قمت ببعض التاثيرات البسيطه لكي اوضح الشرح











الان نبداء بقص الاطار لكي نستخدمه ببرنامج الفرنت بيج




عن طريق اداة القص














نبداء بالقص



مع مراعاة الدقه في العرض والطول








بعد القص نقوم بحفظ العمل











نضعها بصيغة jpg


ونرفع من الجوده حتى لا نفقد اللوان التصميم




ثم نقوم بحفظ العمل








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









نعدل اسماء الصور حتى يسهل علينا معرفتها اثناء التركيب











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








الان تركيب الصور عن طريق برنامج الفرنت بيج




نفتح البرنامج








ونقوم بمسح الاكواد التي بداخله










نذهب الى التصميم









ونقوم بدراج جدول








ثلاث جداول عمودي وافقي








نضع الماوس على الجدول ونضغط كلك يمين









نعدل على خصائص الجدول





كما في الصوره









وضعنا القيم الموضحه












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





الان نقوم بادراج الصور التي قمنا بتصميمها





نذهب الى اول خليه فوق على اليمين ونضع الماوس عليها





ثم نقوم بادارج صورة الاطار





في زوايا الجدول



















بعد ادراج الصور في زوايا الجدول كما هو موضح بطريقة الادراج





اصبح بهذا الشكل










نضع الماوس كما في النقطه الحمراء










ونضغط كلك يمين بالماوس









ونختار له خلفيه عن طريق














ونعمل هذه الطريقه في الجههة المقابلة بوضع لها خلفيه









ونقوم بشد الجدول من اليمين واليسارالى اخر الجدول





حتى يصبح








بهذا الشكل




ونقوم باضافة خلفيه للجدول العلوي والسفلي








كلك يمين مكان النقطه












ونختار صورة الخلفيه




ثم موافق











وكذالك نقوم بعملها للجدول السفلي










نجعل الماوس مكان النقطه





مع كلك يمين ونختار كما هو موضح في الصوره










ونقوم بادارج ثلاث صفوف في الخلية














نقوم بادراج الصور اليمين والشمال









ثم نقوم بالسحب يمين وشمال











كي تاخذ كل صورة موقعها














الحين خلصنا تصميم الباقي هي الاكواد الي نضيفها في ستايل المنتدى


نذهب الى
















نلاحظه ان روابط الصور غير صحيحه لو اضفناها في الموقع





نقوم الان بتعديل الروابط








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





ثم




نذهب الى بحث







نختار استبدال كلمات







نضع مجلد الستايل الي في الصور على الجهه الاخر





ثم نضغط استبدل الكل









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





الان



نذهب الى التصميم









ونضع الماوس كما في النقطه الحمراء




ونذهب الى الكود لنعرف اي موقع هذه النقطه من الكود








الي فوق مؤشر الماوس هذا هو الجدول العلوي





ولي تحت الماوس هذا السفلي صورة توضيحيه









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





والاصفر نضعه في الاسفل في التمبلت اثناء التركيب





انت خزنها في ملفين ضع ملف اسمه hed.txt




والثاني اسمه fot.txt




علشان يسهل عليك التركيب واحفظ ملفات




txt



عندك



الدرس القادم تركيب الاطارات في الستايل

mher90     

تعديل النف بار navbar



اولا نفتح لوحة التحكم ثم نذهب للبحث عن تمبلت navbar










ثم نضغط بحث






ننسخ الكود من كلمة





الى كلمة





نقوم بنسخه ووضعه في ملف txt في الجهاز






ونقوم بحذفه من تمبلت navbar




لكي يتم نقله الى تمبلت الهيدر




ثم نضغط حفظ




الان نقوم بالبحث عن تمبلت header



ونبحث عن كلمة





ونقوم بوضع الكود الذي نسخناه اسفل هذه الكلمة




ثم نقوم بحفظ تمبلت header




فتصبح النتيجه












الدرس القادم



تصميم اطارات بالفوتوشوب وتركيبها بالفرنت بيج

mher90     

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


درس تركيب الستايل عن طريق لفرنت بيج ثم تركيبه في المنتدى


اولا نقوم بفتح برنامج الفرنت بيج







بعد فتح الفرنت بيج


نذهب الى الكود






ونقوم بمسح ما بي داخله






ثم نذهب الى التصميم لبداية تصميم الستايل



نقوم الان بنشاء جدول






نضغط كلك يمين على الجدول لضبط الاعدادات














الان نقوم بوضع خلفيه للجدول كامل







نقوم باختيار خلفية الهيدر التي قمنا بتصميمها













ثم نضغط ok






الان نقوم بضغط كلك يمين على الجدول







لكي نقسم الجدول الى خليتين






ثم نضغط ok







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


الموقع












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






نضغط دبل كلك على صورة شعار الموقع






text : نكتب الكود التالي




كود PHP:
$vboptions[bbtitle]


location: نكتب الكود التالي



كود PHP:
$vboptions[forumhome].php$session[sessionurl_q]


الفائدة منهم الكود الاول هو عند وضع الماوس على الشعار يظهر اسم الموقع







الكود الثاني عن ضغط الماوس على الصوره يحول الى الصفحة الرئيسية للمنتدى




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



نذهب الى الكود







ونقوم بتعديل على رابط الصور








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


الصور ومعرفة


موقعها الصحيح


الان نقوم بفتح لوحة التحكم المنتدى


وعمل ستايل جديد كي نقوم بلصق الاكود فيه

















الان نذهب الى الهيدر الخاص بالستايل الي نبي نركب عليه الصور







نقوم الان بمسح جميع الاكواد بين













نذهب للفرنت بيج ونقوم بنسخ الكود كامل





ولصقه بين










ثم نضغط حفظ



ثم نذهب الى المنتدى نقوم بعمل تحديث لكي نرى عملنا






الفوتر



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




نفتح الفرنت بيج كخطوات الهيدر







بعد فتح الفرنت بيج



نذهب الى الكود





ونقوم بمسح ما بي داخله





ثم نذهب الى التصميم لبداية تصميم الفوتر



نقوم الان بنشاء جدول









نضغط كلك يمين على الجدول لضبط الاعدادات












الان نقوم بوضع خلفيه للجدول كامل








نقوم باختيار خلفية الفوتر التي قمنا بتصميمها







نقوم الان بتقسيم الجدول كلك يمين على الجدول








نضع الماوس على يسار الجدول لكي نضيف حقوق التصميم













نقوم بسحب حد الجدول الى اليسار






ثم نضغط كلك يمين على الصوره كي نضع رابط الحقوق وعند الضغط


عليه


يحول على موقعك









الان نقوم بضغط على ok



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


نقوم باضافة الصور في الستايل











الان نذهب الى لوحة التحكم


الي تمبلت الفوتر






ونقوم بلصق الكود اخر الفوتر


بعد كلمة



كود PHP:
[center]//-->
</******>






ثم نقوم بحفظ العمل ونذهب الى


الصفحة الرئيسية لمشاهدة التغير







اي استفسار انا حاضر


واسال الله ان يجعل هذا الدرس واضح وان يوفقنا واياكم


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

mher90     

درس قص الستايل


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







ثم نذهب الى اداة القص







ونقوم بقص الهيدر









ثم نقوم بقص خلفية للهيدر يكون عرضها صغير يفضل 1 بكسل



وطولها طول الشعار بالضبط حتى يكون توافق بينهم اثناء التركيب








الان نقوم بقص الفوتر بنفس الطريقة




نقوم بقص اسم المصمم او الشعار الي في الفوتر








ونقوم بقص الخلفيه بنفس طريقة الهيدر




العرض صغير جداً يفضل 1 بكسل




والطول نفس الشعار اي في الفوتر







الان نقوم بحفظ الصور








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








ثم نقوم بحفظ الصور







نفتح مجلد الصور الذي قمنا بحفظه




ونحذف الصور الغير مرغوب فيها في القص







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








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



نقوم بفتح مجلد جديد داخل مجلد المنتدى vb



ونسميه باسم الستايل اي اسم انت تختاره



انا جعلت اسم المجلد new-style






ونقوم بجعل الصور داخل هذا المجلد






بقي علينا الدرس القادم التركيب ببرنامج الفرنت بيج