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

السلام عليكم ورحمة الله وبركاته
اقدم اليكم اخوانى شرح بسيط جدا
لوضع صورة اعلى الفئات وعليها اسم القسم الخاص بها
مع وضع مكان اسم الفئه الاصلى
المنتدى ..مثل منتديات vb
مثال على ذلك
قبل التعديل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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


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

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


ننطلق ..لعمل هذا التعديل
اولا ندخل الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
ونعمل تعديل لقالب
index_box

أولا فى القالب نبحث عن
الكود:

الكود:

{catrow.tablehead.L_FORUM}

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

الكود:

الكود:

<!-- BEGIN tablehead -->

ونضع اسفله

الكود:

الكود:

<div class="captain-hima">
<span class="secondarytitle">
<div style="text-align: center;">
{catrow.tablehead.L_FORUM}
</div>
</span>
</div>
</div>
</div>

ثم نسجل وننشر التعديل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم نذهب الى
مظهر المنتدى
الوان
ورقة تصميم
css
ونضع هذا الكود فى بداية الحقل
الكود:

الكود:

.captain-hima {
    background-image: url("http://i48.servimg.com/u/f48/12/78/95/70/hima16.png");
}

ثم نقدم ...
يمكنكم تغير الخلفية من الكود
وهذا هو رابط الخلفيه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

انتهى الشرح .....اتمنى لكم التوفيق من كل قلبى

يسسسلممَوو

مشكووووووور كتير

شكرا جزيلا

شكرا على الكود الرائع تحياتي