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

مشاهدة النسخة كاملة : [شرح] استبدال 'المنتدى، المواضيع، اخر مشاركة' و تعويضها بصور


MaesTrOoOo
06-09-2009, 02:45 مساءً
السلام عليكم ...

درس بسيط و سهل عن كيفية استبدال الشريط العلوي 'المنتدى، اخر المشاركات، المواضيع ...' و تعويضها بصور ..

http://www.mrsavb.com/vb/attachment.php?attachmentid=1192&d=1252265027
تابعو مع كيفية الاستبدال ...

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

قمنا بتصميم الايقونات و انتهينا منها

نقوم الان برفعها الى مجلد المنتدى عن طريق الــ ftp الى مجلد images مثلا

ناتي الان الى المرحلة الاخيرة و هي مرحلة اضافة الايقونات، اخواني الاضافة تتم عبر قالبين
الاول هو قالب FORUMHOME في حالة الاقسام منلاصقة يعني على الشكل الافتراضي
و الثاني هو قالب forumhome_forumbit_level1_nopost في حالة تكون الاقسام منفصلة على بعضها ..

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

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

و بيكون عندي الشكل التالي ..

http://www.mrsavb.com/vb/attachment.php?attachmentid=1213&d=1252349521

في حالة الاقسام الافتراضية 'يعني ماهي منفصلة'

نقوم بتظليل الجزء الموضح في الصورة

http://www.mrsavb.com/vb/attachment.php?attachmentid=1195&stc=1&d=1252265827

و نستبدله بصورة، نقوم بادراج صورة مكان $vbphrase[forum]

http://www.mrsavb.com/vb/attachment.php?attachmentid=1194&d=1252265827

و نفس الشي مع الباقي ...

$vbphrase[forum] = المنتدى
$vbphrase[last_post] = اخر مشاركة
$vbphrase[threads] = المواضيع
$vbphrase[posts] = المشاركات

ثم نقوم بتغيير مسار الصور الى مسارها الصحيح، و احنا في اول العمل قلنا اننا نرفعهم مثلا الى مجلد images

يعني المسار بيكون كذا

http://www.mrsavb.com/vb/attachment.php?attachmentid=1197&stc=1&d=1252265827

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

و هذا الشكل النهائي للعمل

http://www.mrsavb.com/vb/attachment.php?attachmentid=1199&d=1252266217

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

ارجو ان اكون قد وفقت في الشرح و اتمنى ان يكون الشرح بسيط و واضح

دمتم بخير

مينامينا
06-09-2009, 06:03 مساءً
مشكور وعاشت الايادي
شرح رائع

خ ــادم الإسلام
06-09-2009, 06:39 مساءً
مبدع من يومك يا ايمون :)
شرح ولا اروع

elevation style
06-09-2009, 07:25 مساءً
يعطيك العافية بس ياليت تشرح لنا كيف احط خلفية صورة لـ اسم القسم وعدد المشاركات والمواضيع واخر مشاركة