الدرس الثاني ...

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

نبدأ في header

الهيدر طريقة تركيبه انواع ..
راح نذكر 3 انواع .. وهي الأسهل ..



النوع الاول..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]



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

نقطه التمدد تعريفها << هي عباره عن تصميم صغير جدا يتكرر ويكمل الهيدر .
تستفيد منها لجعل الستايل يتمدد ..

مثال عليه ..
صفحة سعد الحارثي ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]



في البدايه ..

نذهب لمسار برنامج الاباتشي الي حملت عليه المنتدى ..

وتضغط على ملف vb
وتقوم بصنع مجلد جديد بداخله بأسم upkelk او اي اسم تريد ..

وتصنع مجلد اخر بداخل مجلد upkelk بـأسم images ونضع فيه صور الهيدر ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

الان
ندخل 1-لوحة التحكم .. ومن ثم 2-التحكم في الستايلات .. وبعدها 3-تختار الستايل الي راح تصمم عليه .. ثم 4-تعديل القوالب ..
و5-تبحث عن قالب اسمه header

انسخ مافيه ..

وأذهب لبرنامج الفرنت بيج ..

سوف تجد خيارات في الاسفل .. أضغط على HTML

سوي تحديد الكل .. واحذفه ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]
وألصق الي نسخت فيه ..

ارجع للخيار الي اسمه عادي .. بجانب HTML

راح تحصل صور الهيدر السابقه على شكل اكس ..
أحذفها
ضع جدول جديد ..
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

المشار عليه رقم 1 في الصوره ,,
هيا الخيارات التي تستطيع ان تتحكم في الصوره تريدها في اليسار او اليمين او الوسط ..

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

ومن خصائص الجداول ..
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]



يجب عليك تحديد الحدود الى صفر ..
وكذلك توسيط الحدود

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]


الان ضع الصوره الي تعبر عن نقطة التمدد ..


خصائص الخليه <<<< وهيا صوره صغيره تكون قد صممتها تتكرر في كل تلقائيا ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

في هذه الصوره وضعت نقطة التمدد والصوره في اليسار..



الان أضغط على الصوره التي تريد ان تضعها يسار وتختار الزر الي يشير لليسار ..
واضغط على الصوره الي تريدان تكون في اليمين ..

وبكذلك راح تكون ركبت الهيدر ..

مبرووووووك ..

الان انسخ ماوضعت

وألصقه في الهيدر ..






الفوتر

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

ويفضل ان يكون تصميم مختصر وسهل وصغير ..

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




النوع الثاني..


صوره في الوسط ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

مثال عليها ..
ستايل منتديات تشكيلي أبكيلك السابق .

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

وهو صوره واحده في الوسط ..

فقط تحتاج جدول .. وتضع فيها الصوره ..
وتنسخه وتضعه في الهيدر ..
سهله جدا ..



النوع الثالث ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

وهي صورتين في اليسار واليمين ..
لا تحتاج نقطة تمدد ..
وانما الي بينهما .. هي خلفيه المنتدى ..

وهي سهله ايضا ..
فقط تضع جدول ..
وتضع صوره في اليسار وصوره في اليمين ..


والنوع الرابع ..

وهي صوره في الوسط .. على تمدد ..

مثال عليها ..,

صفحة ياسر القحطاني ..


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]


[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

التمدد هذه الصوره

((( [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل] )))

تضعها وتضع فوقها الصوره وتوسطها ..


الدرس سهل جدا ..


ملاحظات ..

1- يلاحظ كثرة التقطيع في الفوتر والهيدر ..
هذا يسبب كثره صور وثقل في المنتدى ..؟!
وكذلك كثره الجداول ..
لذا يكتفى بصوره واحده .. او صورتين من دون تقطيع وخربطه

2- الدرس لم ينتهي .. فأسألتكم هيا الدرس الحقيقي ..


الدرس القادم وهو الاهم ..

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


الان ارجو من المسجلين التطبيق ..

وغرض الهيدر والفوتر الي صمموه ..
وتركيبه ..

....

تحياتي ..

::

صبـآح الخ ـــيرآت..!


لي عودهـ..

الحين رآسي
مصدع.. يبيله ترويق الموضوع



يعطيكـ الف عافيهـ
ومشكـور ومـآتقصر.. دورهـ خطــيرهـ

الله عليك تشكيلى

جهد واضح..ماشالله عليك..

وى مره صعب يبى له شغل

مشكور تشكيلى

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



هذا شرح بسيط عن كيفية وضع روابط

((التحكم , الاعضاء , المفكرة , البحث , التسجيل , خروج)) في الهيدر او الفوتر .. كلها نفس الطريقه

بسم الله نبدأ الشرح /

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

الحين تروح للصورة اللي تبي تحطه فيها الروابط سواء كانت في الهيدر وا الفوتر

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

ركزوا معي ..

1- نروح للمربع .. وهو عباره عن نقطه فعاله .. مثل التحديد .. ولكن الي تحدده بأمكانك تضع فيه رابط ..
2- تحدد كلمة تسجيل سوف تظهر تلقائي ( ادراج ارتباط تشعبي)

3- ضع الرابط الي تريد وهنا حددنا على الالتسجيل ضع رابط التسجيل ..

4- ان اردت ان تضع تلميح .. ( اي كتابه تظهر اذا مر الماوس امام المربع << وهيا خياريه ..

5- تختار ان كنت تريد الرابط باطار جديد ام بنفس الايطار ..



سوف اضع بعض الروابط المهمه والتي تحتاجون لها ..

usercp.php?$session[sessionurl] ===>المكتب
register.php?$session[sessionurl] ===>التسجيل
faq.php?$session[sessionurl] ===> التعليمات
memberlist.php?$session[sessionurl] ===>الاعضاء
calendar.php?$session[sessionurl] ===>التقويم
search.php?$session[sessionurl] ===>البحث
index.php? ===>الرئيسية
login.php?$session[sessionurl]do=logout ===>الخروج




هذا تابع لدرس غفلت عنه وهو مهم ..
اسف على الخطأ ..

تحياتي ..

::



ومافهمت شيء..

تعال فهمني

الحين وش ابدأ فيهـ؟؟
وايش اللي احتـآج احملهـ؟؟