كود الاقسام مفضله ♥ بقالب index_box

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

طريقة التركيب 
اذهب إلى. لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب index_box
يتم اضافه كود جافا الاتي ابحث عن 
ضع رد لرؤية المخفي ^_^ 

خطوة الثانية حسب النسخة نبحث بنفس القالب عن 
نسخة الثالثه و نسخة ModernBBBETA ابحث عن 

الكود:


<div  class="forabg">


واستبدله بهذا 

الكود:


<div id="indexBox" class="forabg">


نسخة punbb
ابحث عن 

الكود:


<div class="main">


واجعله هكذا 

الكود:


<div id="indexBox" class="main">


نسخة الثانية ابحث عن 

الكود:


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">


واجعله هكذا

الكود:


<table id="indexBox" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   


نسخة انفجن ابحث عن الاتي 

الكود:


<div class="borderwrap">


واجعله هكذا 

الكود:


<div id="indexBox" class="borderwrap">


وسجل ثم انشر القالب بضغط على علامة صح امام اسم قالب index_box
ثم الخطوة الاخيرة 
اذهب إلى لوحة الإدارة. مظهر المنتدى. صور والوان. الوان. ورقة css
وضع الكود الاتي

الكود:


#indexBox .zzheart{display:inline-block;background:url(//i56.servimg.com/u/f56/18/59/49/93/heart10.png) no-repeat;background-position:0 0;width:16px;height:16px;cursor:pointer;margin-left:5px;opacity:.5;-webkit-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}
#indexBox .zzlove{background-position:0 -16px}
#indexBox .zzheart:hover{opacity:1}



وسجل ومبروك عليكم الاضافه 
دمتم بخير