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

السلام عليكم ورحمة الله وبركاته
اقدم اليكم اخوانى شرح بسيط جدا
لوضع صورة اعلى الفئات وعليها اسم القسم الخاص بها
مع وضع مكان اسم الفئه الاصلى
المنتدى ..مثل منتديات vb
مثال على ذلك
قبل التعديل
https://i.servimg.com/u/f48/12/78/95/70/hima610.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.




بعد التعديل
https://i.servimg.com/u/f48/12/78/95/70/hima510.jpg

تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.




ننطلق ..لعمل هذا التعديل
اولا ندخل الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب
ونعمل تعديل لقالب
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("https://i.servimg.com/u/f48/12/78/95/70/hima16.png");
}


ثم نقدم ...
يمكنكم تغير الخلفية من الكود
وهذا هو رابط الخلفيه
https://i.servimg.com/u/f48/12/78/95/70/hima16.png

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

شكرا على الموضوع الجميل