| الدرس الخامس | . توزيع وتركيب الهيدر والفوتر .

[فاصله]

بسم الله الرحمن الرحيم
لإنشاء ستايل جديد - لتركيب ستايلنا عليه -
نقوم بفتح منتدانا ... >>> الادارة ثم تسجيل دخول <<< الاستايلات والقوالب >>>
التحكم بالاستايلات >>> إضافة ستايل جديد >>>> ثم نتبع الاتي ...

[/URL]http://www.alraidiah.org/up/up/33028067320120226.gif (http://www.alraidiah.org/up/up/33028067320120226.gif)


ننتقل بعد ذلك الى الفرونت بيج لتوزيع الاستايل
عند فتحه بتطلع صفحه بيضا نهايتها مكتوب تعليمات برمجيه نظلله كله ونمسح الموجود وننتقل الى تصميم ...ونتبع الخطوات ...
http://www.alraidiah.org/up/up/33028191920120226.gif (http://www.alraidiah.org/up/up/33028191920120226.gif)



http://www.alraidiah.org/up/up/33028194820120226.gif (http://www.alraidiah.org/up/up/33028194820120226.gif)

بعد انتقالنا الى صفحة التصميم نضغط رايت كلك ونعدل خصائص الصفحة كالتالي :
http://www.alraidiah.org/up/up/33028199620120226.gif (http://www.alraidiah.org/up/up/33028199620120226.gif)

http://www.alraidiah.org/up/up/33028209520120226.gif (http://www.alraidiah.org/up/up/33028209520120226.gif)


نضيف جدول بصف وعمود واحد :
مضلله بالرمادي ايقونة الجدول :biggrin:
http://www.alraidiah.org/up/up/33028212620120226.gif (http://www.alraidiah.org/up/up/33028212620120226.gif)



نخلي الماوس داخل الجدول >>> رايت كلك >>> خصائص الجدول ونطبق التالي .:

http://www.alraidiah.org/up/up/33028213320120226.gif (http://www.alraidiah.org/up/up/33028213320120226.gif)

http://www.alraidiah.org/up/up/33028220320120226.gif (http://www.alraidiah.org/up/up/33028220320120226.gif)



بيصير شكله كذا ..
http://www.alraidiah.org/up/up/33028221020120226.gif (http://www.alraidiah.org/up/up/33028221020120226.gif)

نقوم بإدراج صورة الهيدر من أيقونة الصورة كالتالي :
http://www.alraidiah.org/up/up/33028278720120226.gif (http://www.alraidiah.org/up/up/33028278720120226.gif)

http://www.alraidiah.org/up/up/33028276720120226.gif (http://www.alraidiah.org/up/up/33028276720120226.gif)

http://www.alraidiah.org/up/up/33028286220120226.gif (http://www.alraidiah.org/up/up/33028286220120226.gif)

[URL="http://www.alraidiah.org/up/up/33028291020120226.gif"]http://www.alraidiah.org/up/up/33028291020120226.gif (http://www.alraidiah.org/up/up/33028291020120226.gif)


يتبع

[فاصله]

نفتح مجلد ستايلنا >>> مجلد الصور ونختار الهيدر ثم ادراج :
يصير شكله كذا :
http://www.alraidiah.org/up/up/33028361120120226.gif (http://www.alraidiah.org/up/up/33028361120120226.gif)



ثم ننتقل الى تعليمات برمجيه ونضلل اللينك ورايت كلك ونعمل استبدال للكل هذاهو االلينك
file:///C:/AppServ/www/vb/

مثل كذا :

http://www.alraidiah.org/up/up/33028397120120226.gif (http://www.alraidiah.org/up/up/33028397120120226.gif)


http://www.alraidiah.org/up/up/33028404520120226.gif (http://www.alraidiah.org/up/up/33028404520120226.gif)






ثم نظلل الكود الموجود ونسوي نسخ له وننتقل الى منتدانا الوهمي
>>>> الادارة <<< الاستايلات والقوالب >>> التحكم بالاستايلات >>> نختار ستايلنا اللي أنشأناه >> اذهب
تفتح صفحه مختصه بالهيدر والفوتر واعدادات الاستايل ككل :

http://www.alraidiah.org/up/up/33028431920120226.gif (http://www.alraidiah.org/up/up/33028431920120226.gif)



البوكس الاول للهيدر فقط بعد مانسخنا الكود من الفرونت بيج نلصقه في هذا البوكس بس قبل ما نلصقه لآزم نمشي على هذه الخطوات :
نمسح الكود الموجود الا 3 الاسطر الاخيرة ... ونلصق الكود قبلهم ..

http://www.alraidiah.org/up/up/33028451820120226.gif (http://www.alraidiah.org/up/up/33028451820120226.gif)

<h3>
http://www.alraidiah.org/up/up/33028461120120226.gif (http://www.alraidiah.org/up/up/33028461120120226.gif)

في نهاية الصفحة نضغط على حفظ http://www.alraidiah.org/up/up/33028486420120226.gif (http://www.alraidiah.org/up/up/33028486420120226.gif)

لمعاينة الهيدر نذهب الى الصفحة الرئيسية للمنتدى وأخر الصفحة نختار ستايلنا


http://www.alraidiah.org/up/up/33028500920120226.gif (http://www.alraidiah.org/up/up/33028500920120226.gif)

وهذا هو شكله ..

http://www.alraidiah.org/up/up/33028513620120226.gif (http://www.alraidiah.org/up/up/33028513620120226.gif)

يتبع

[فاصله]

بالنسبة للفوتر خطواته نفس الهيدر بالضبط الا في التركيب ..
وهي كالتالي :

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

+
نضبط الاعدادات من نفس الصفحه مع طريقكم ..
لونتها بالوردي ..
ونسوي حفظ ونعاين الفوتر ...
http://www.alraidiah.org/up/up/33028608820120226.gif


صورة بعد التعديلات والاضافة ..

http://www.alraidiah.org/up/up/33028639320120226.gif





....


الواجب :
تصوير الهيدر والفوتر بعد التركيب
شكل جزء من المنتدى بعد ضبط الاعدادات ...






جدا متأسفه على التأخير ... مالي وجه والله :redface:
بس واجهت مشاكل مع الفيديو لاني ناويه انزله فيديو بس
لكن قدر الله وماشاء فعل مارضى ينحفظ :confused:

باقي بس توزيع الجدول
ونخلص الدروس الصعبه باذن الله ...
الباقي دروس سهله جدا وممتعه وبعضها بنشتغل فيه على الفوتوشوب
>> بتستانس جوري :biggrin:


حبيت أنوه للجميع ان الجدول اللي صممته وطلبته أنا منكم
هو جدول رباعي وشرحي كان عليه وكلكم طبقتم هذا النوع
لآن بعض الاعضاء يحسبني شارحه غير اللي طبقوه

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

وسبب اختياري له عشان نعرف نوزع الجوانب
:biggrin:

أستودعكم الله ..



ايه نسيت .. احتمال أنزل درس الجدول يوم الثلاثاء
بسبب اختباري الاسبوع الجاي ...

يعني اخر شي لاستقبال التطبيقات يوم الجمعه
مو هذي لا اللي بعدها ان الله أحيانا

:biggrin::101:

[goree]

::.

يآلله انك تمسيهآ بالرضى والسرور :102:


درس جمممممميل والله

احم

واول المطبقين

تفضلي حبيبتي

هذي صورة للإعدآدآت :

http://www.alraidiah.org/up/up/33034555020120227.bmp

وهنآ بعد التركيب ..
بسم الله مآشآء الله :redface:


الهيدر ..

http://www.alraidiah.org/up/up/33034577020120227.bmp

الفوتر ..

http://www.alraidiah.org/up/up/33034593220120227.bmp



::

الباقي دروس سهله جدا وممتعه وبعضها بنشتغل فيه على الفوتوشوب
>> بتستانس جوري :biggrin:



بإنتظآآآآآآآآآآآآآآره بشغف

احم

وترى
محد حآول يتعبث .. وخآف هههههههههه


::


* همسة للجميع

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



شطحة :

http://www.alraidiah.org/up/up/33034608120120227.bmp

:eek::biggrin::cool:

[وولد الخفجي]

هذا تطبيقي وجزاك الله خير ورحم والديك,,

http://im13.gulfup.com/2012-02-27/1330356644301.jpg


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

[فاصله]

::.

يآلله انك تمسيهآ بالرضى والسرور :102:


درس جمممممميل والله

احم

واول المطبقين

تفضلي حبيبتي

هذي صورة للإعدآدآت :

http://www.alraidiah.org/up/up/33034555020120227.bmp (http://www.alraidiah.org/up/up/33034555020120227.bmp)

وهنآ بعد التركيب ..
بسم الله مآشآء الله :redface:


الهيدر ..

http://www.alraidiah.org/up/up/33034577020120227.bmp (http://www.alraidiah.org/up/up/33034577020120227.bmp)

الفوتر ..

http://www.alraidiah.org/up/up/33034593220120227.bmp (http://www.alraidiah.org/up/up/33034593220120227.bmp)



::



بإنتظآآآآآآآآآآآآآآره بشغف

احم

وترى
محد حآول يتعبث .. وخآف هههههههههه


::


* همسة للجميع

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



شطحة :

http://www.alraidiah.org/up/up/33034608120120227.bmp (http://www.alraidiah.org/up/up/33034608120120227.bmp)

:eek::biggrin::cool:



حياك الله :biggrin:
تطبيقك ممتاز ... فل مارك .. ماشا الله


شكرا على الهمسه وان شا الله ينتبهون لها المشاركين ...

جوير :
لآتشطحين واجد وتجيبين العيد :biggrin:
لآتصدقين نفسك ترى مدير عام على نفسك بس ههههههههههههههههههههههه

[فاصله]

هذا تطبيقي وجزاك الله خير ورحم والديك,,

http://im13.gulfup.com/2012-02-27/1330356644301.jpg (http://im13.gulfup.com/2012-02-27/1330356644301.jpg)


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


تطبيقك ممتاز ... فل مارك .. ماشا الله
بالنسبة لسؤالك
لآمانرفعه كذا اذا اكتمل فيه خطوات نسويها ثم نرفعه ..
قريبا ان شاء الله نوصل لها ..

[خرآفة]

السلام عليكم و الرحمة جميعآ
درس جميل بس عآد يوم وصلت للأكواد انقلب مخي
حست مدري وش سويت
بس ضبط الهيدر و الفوترمعي
مدري هل هالخبصة اللي سويتها بتحوسني بالدروس الجاية أو لا
ي رب لآ :biggrin:

هذا الهيدر و الفوتر بعد التركيب
http://img05.arabsh.com/uploads/image/2012/02/29/0a3e404e66f3.png


و هون المنتدى بعد ضبط الإعدادات
http://img04.arabsh.com/uploads/image/2012/02/29/0a3e404e6cf6.png

[فاصله]

السلام عليكم و الرحمة جميعآ
درس جميل بس عآد يوم وصلت للأكواد انقلب مخي
حست مدري وش سويت
بس ضبط الهيدر و الفوترمعي
مدري هل هالخبصة اللي سويتها بتحوسني بالدروس الجاية أو لا
ي رب لآ :biggrin:

هذا الهيدر و الفوتر بعد التركيب
http://img05.arabsh.com/uploads/image/2012/02/29/0a3e404e66f3.png (http://img05.arabsh.com/uploads/image/2012/02/29/0a3e404e66f3.png)


و هون المنتدى بعد ضبط الإعدادات
http://img04.arabsh.com/uploads/image/2012/02/29/0a3e404e6cf6.png (http://img04.arabsh.com/uploads/image/2012/02/29/0a3e404e6cf6.png)





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

بس عندي سؤال :
وش تحسون فيه يوم تصورون لي توزيعكم للأكواد :biggrin:
أنا طالبه صورة الهيدر والفوتر بعد التركيب لانه هو اللي بيثبت لي تركيبكم صح او غلط :biggrin:

بكيفكم الشقا على مراكز التحميل :biggrin:


يعطيكم العافيه كلكم تبيضون الوجه والله :cool:

[srab]

اسعد الله صباحك

هذا تطبيق الدرس

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

وشكل المنتدى بعد تطبيق الاعدادات

http://www.alraidiah.org/up/up/33237791020120322.png

[فاصله]

تطبيق ممتاز ياشمس
بس إنتي ماضبطتي حجم المنتدى ... عشان يكون بنفس عرض الهيدر والفوتر
http://www.alraidiah.org/up/up/33028608820120226.gif (http://www.alraidiah.org/up/up/33028608820120226.gif)

[srab]

الاعدادات مضبوطه

وهذي صوره منها

http://www.alraidiah.org/up/up/33279645720120327.PNG

[فاصله]

ممتاز ....

[srab]

الاعدادات مضبوطه من قبل

مع انك تقولين الشكل غير مضبوط

ياليت تنبهين اذا فيه شي غلط

[فاصله]

شمس ...
تدرين ليش قلت الشكل غير مضبوط ...

شفتي المستطيل حق اليوزر واسم المنتدى

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

أبدا مو نفس عرض الهيدر والفوتر
وهذا قصدي بغير مضبوط
لوقارنتي بين تطبيقك وتطبيق الاعضاء اللي قبل بتفهمين علي أكثر ..

- لازم يكونون في نفس العرض -


يوم صممتي الاستايل العرض كان 777 والا أقل ؟!!


http://www.alraidiah.org/up/up/33237791020120322.png (http://www.alraidiah.org/up/up/33237791020120322.png)

[srab]

ايه فاهمه عليك

وشايفه ان شغلي يختلف عنهم

عشان كذا اقولك الاعدادات مضبوطه

اعتقد انه 777

بشيك وارد لك خبر

[فاصله]

بانتظارك ...

[الجنة غايتي]

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

بعد ما طبقت الدرس

لم تظهر الصورة ظهرت xحمراء

[فاصله]

تأكدي من اسم الملفات انه بالانقلش ومحفوظه في المكان المطلوب + التوزيع

+ طريفة لصق الكود ...

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



* أو انك في الاستبدال حذفتي رابط الهيدر والفوتر ؟!!
تأكدي


بانتظارك