المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : "دورة ترايدنت2" تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني


cool
02-26-2008, 01:21 AM
السلام عليكم ورحمت الله وبركاته ..

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

درسنا اليوم : تغيير وإضافة الروابط الى الاستايل وتركيبه في المنتدى .. الدرس الثاني

طبعا بعد ما قطعنا الاستايل يجب علينا نقل الملفات [Traidnt] الى المجلد الرئيسي
بحيث تصبح هكذا [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])

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

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

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

الحين اكتب الروابط الي تبغاها فرضا .. انا كتبت في الاستايل *الرئيسية - لوحة التحكم - البحث - رسلنا

انت اكتب الي تبغى

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

أضف الروابط فمثلا : الرئيسية index.php

وهذي الروابط
الرئيسيه للموقع (/)فقط

الرئيسيه للمنتدى (index.php)

لوحة التحكم (usercp.php)

تعليمات الاستخدام (faq.php)

قائمة الاعضاء (memberlist.php)

التقويم (calendar.php)

جيد المواضيع (search.php?$session%5bsessionurl%5ddo=getnew)

البحث المتقدم (search.php)

المتواجدين الان (online.php)

راسلنا (sendmessage.php)

طريقة الاضافة :

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

بتفتحلك نافذة إدراج الروابط

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

حط رابط الصفحة .. كما ذكرنا لكم
اضف تلميح الى الرابط لمدلول افضل

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

بتفتحلك نافذة تعيين التلميح

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

الحين اضف فيها التلميح وبإمكانك وضع بعض من الزخارف عليها

وهذه قائمة بسيطه ببعض الزخارف

°ˆ~*¤®§][§ ترايدنت §][§®¤*~ˆ°
©ˆ~*¤®§][©][ ترايدنت ][©][§®¤*~ˆ©

ˆ~¤®§][©][ ترايدنت ][©][§®¤~ˆ
~*ô¶§¶ô*~£ ترايدنت ~*ô¶§¶ô*~

¶§¤*~°~*¤§¶ ترايدنت¶§¤*~°~*¤§¶
™¨¨¨°~°¤¤¦¤¤ ترايدنت ¤¤¦¤¤°~°¨¨¨™

ˆ~*¤© ترايدنت ©¤*~ˆ
:+: ترايدنت :+:

°¨¨¨¤¦¤™¨¨¨°~*§ ترايدنت §*~°¨¨¨™¤¦¤ ¨¨¨¨°
°ˆ~*¤® ترايدنت ®¤*~ˆ°

!·ˆ~'¤*§®§][ ترايدنت ][§®§*¤'~ˆ·!
°¨¨™¤¦¤™*®§ ترايدنت §®*™¤¦¤™¨¨¨°

][£¤£'·.¸¸.· ترايدنت ·.¸¸.·'£¤£][
°ˆ~*¤® ترايدنت ®¤*~ˆ°

¶§¤*~°~*¤§¶ ترايدنت ¶§¤*~°~*¤§¶
~*§*®§*§ترايدنت §*§®*§*~

©°ˆ~*¤®§][©][ ترايدنت ][©][§®¤*~ˆ°©
©°ˆ~*¤®§ ترايدنت §®¤*~ˆ°©

!¨¨™¨َˆ~*·:..ترايدنت ..·:*~ˆ¨™¨¨!
][§][§¤*~ˆ ترايدنت ˆ~*¤§][§][

][§¤ْˆْ¤§][ ترايدنت ][§¤ْˆْ¤§][
°~*¤®§(®)(§¶£ ترايدنت £¶§)(®)§®¤*~°

™¨¨°©¤ô§©§ ترايدنت §©§ô¤©°¨¨™
~*©®§§ ترايدنت §§®©*~

®~©~®][§][ ترايدنت [§][®~©~®
©°¨¨¨™¤¦¤™« ترايدنت»™¤¦¤™¨¨¨°©

!~¤ô¤ ترايدنت ¤ô¤~!
°ˆ~*¤®§ ترايدنت §®¤*~ˆ°

!°ˆ~*¤§*§ترايدنت §*§¤*~ˆ°!
«ْ'.¸¸.'-][«»][ ترايدنت ][«»][-'.¸¸.'ْ»

°~ô§©( ترايدنت )©§ô~°
!™~¤©§*& ترايدنت &*§©¤~™!

°~*¤®§» ترايدنت «§®¤*~°
•??•...© ترايدنت ©?...•??•

®¤ô§ô¤¨¨¨° ترايدنت °¨¨¨¤ ô§ô¤®
][_.-*~]ترايدنت [~*-._][

°ˆ~ô§ô§§ ترايدنت §§ô§ô~ˆ°
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

™~¤§¤»¼ ترايدنت ¼«¤§¤~™
™°ˆ~*¤®§*» ترايدنت «*§®¤*~ˆ°™

·®¤§¤][×][° ترايدنت °][×][¤§¤®·
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

™¨¨¨¤ô§ ترايدنت §ô¤¨¨¨™
«®°·.¸¸.·°™( ترايدنت )™°·.¸¸.·°®»

©¨°ˆ~*¤®§]©[ ترايدنت ]©[§®¤*~ˆ°¨©
™¨¨°®ô§®§© ترايدنت ©§®§ô®°¨¨™

™©¤ô¤¦¤][* ترايدنت*][¤¦¤ô¤©™
™©¤ô¤¦¤][ ترايدنت ][¤¦¤ô¤©™

¶¤™`·¸.ترايدنت .¸·`™¤¶
!°°®¤§§¤®§§~§ ترايدنت§®ـ~§§®¤§§¤®°°!

*¤][§][¤ ترايدنت ¤][§][¤*
™®~©}-{ ترايدنت }-{®~©™

][£§§£** ترايدنت**£§§£][
™¶§¤*™§™*¤§¶ ترايدنت ¶§¤*™§™*¤§¶™

™°ˆ*¤®¤¤ ترايدنت ¤¤®¤*ˆ°™
™¨¨¨°•.•`¤¦¤( ترايدنت )¤¦¤`•.•¨¨¨°™

™°¨¨¨¤©ô¤¼ˆ« ترايدنت »ˆ¼¤ô©¤¨¨¨°™
[§][§®¤*~ˆ° ترايدنت °ˆ~*¤®§][§[

*¤CA-£§§}I{ ترايدنت }I{§§£-DY¤*
«®°•.¸.·°°•.¸ ترايدنت ،،،¸.•°°•.¸.·°®»

™¨°¤ô§ô®(*§ ترايدنت §*)ô§ô¤°¨™
™§¤®¤§ ترايدنت §¤®¤§™

©؛°¨¨°؛©.، 7ترايدنت ،.©؛°¨¨°؛©
©ˆ°~*¤ô§¦§ô¤*¶ ترايدنت ¶*¤ô§¦§ô¤*~°ˆ®

.-*^¨¨¨™¤¦¤™ ترايدنت ™¤¦¤™¨¨¨^*-.
™«®°·.•°°·.¸.• ترايدنت ¸.•°°·.•°®»™

™¨¨¨°¤£â½§ ترايدنت §½â£¤°¨¨¨™
™·._.¤¦¤§¶ ترايدنت ¶§¤¦¤._.·™

الحين كمل باقي الروابط بنفس الطريقة

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

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

هذي هي تعليمات البرمجية

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

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



حدد على traidnt في اسم اي صورهـ الان نحن نريد ان نعدل الصور لتكون بهذه الطريقة [فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]) وكما تعلمون جميع الصور اسميناها ب traidnt لتتسلسل اسماءها بترتيب الارقام
انت تقوم الان بإستبدال traidnt الى Traidnt/traidnt لتصبح جميع الصور بهذه الطريقة لان جميع الصور تم وضعها في مسار Traidnt وهذه طريقة الاستبدال

عن طريق القائمة او بالضغط على احد الكلمات زي ما سويت انا

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

الحين كلك يمين على الكلمة تظهر لك القائمة اختر منها استبدال

تفتح لك نافذة الاستبدال

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

ستبدال traidnt الى Traidnt/traidnt

ثم إضغط على استبدال الكل .. ستظهر لك نافذة تخبرك بعدد الروابط التي تم استبادلها ..
اضغط موافق

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

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

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

إضغط على إضافة استايل جديد بالاسفل بين القوسين

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

الحين هذي صفحة الاضافة
لا تعدل الا في العنوان فقط

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

حفظ

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

ينتقل الان الي قوالب الاستايل المضاف ..
والقوالب الي تهمنا header و footer .. الهايدر وهو الموجود بأعلى المنتدى اما الفوتر وهو بأسفل المنتدى

إضغط الحين على header زي ماهو موضح في الصور

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

تدخل على الهيدر .. وتظلل جميع القالب ماعدا الكود الموجود بالاسفل زي ماهو موضح بالصوره - تابع الصوره -
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]

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

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

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

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

ضلل الي باللون الاحضر .. عشان ننسخها في القالب

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

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

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

احفظها

وانتقل الى الفوتر

تلقاها فوقها في قوالب التعليمات

footer

إفتحه

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

وإنسخ الفوتر من التصميم في الفرونت بيج

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

ولصقها في آخر الفوتر

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

لتصبح

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

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

النتيجة

الهيدر

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

الفوتر

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

... وبهذا ينتهي الدرس الثاني ...
اي سؤال في هذا الدرس
اقتباس:
تفضل بطرح سؤالك دون تردد فما اوجدنا هنا في هذا المنتدى الا ان نكون عونا لكم اخواني