اهلا وسهلا بك
ركز معايا شويه
اول حاجه تدخلى الى قالب index_box اعمله تعديل
اولا طريقة نقل اخر مساهمه وجعلها قبل الموضايع والمشاركات
ابحث عن الكود التالى
- الكود:
-
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
اعمله cut او copy
واحذفه
ثم ابحث عن
- الكود:
-
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
وضيف الكود الذى حذفته اعلاه مباشرة
وبعد الانتهاء فى نفس القالب
ابحث عن
- الكود:
-
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
اعمل نفس الطريقه
هتضيفه فوق الكود التالى
- الكود:
-
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
كده استبدلنا جدول اخر مشاركة ووضعناها قبل المواضيع وعدد المشاركات
___________________
اليك الان ما تريده
لوضع خلفيه لعدد المشاركات والمواضيع
ابحث عن التالى
- الكود:
-
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
وضع مكانه هذا
- الكود:
-
<td class="row3" align="center" valign="middle" height="50">
<fieldset class="hima-elmasry100">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</fieldset>
</td>
وابحذ عن هذا
- الكود:
-
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
ستجده اسفله مباشرة
واحذفه وضيف هذا
- الكود:
-
<td class="row2" align="center" valign="middle" height="50">
<fieldset class="hima-elmasry200">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</fieldset>
</td>
وسجل وانشر التعديل
ثم اذهب الى ورقة تصميم
css
وضيف بها الكود التالى
- الكود:
-
.hima-elmasry100 {
background: none repeat scroll 0 0 #F3F3F3;
border: 0 solid #CCCCCC;
color: #595959;
margin: 0 2px 0;
overflow: hidden;
text-align: center;
}
.hima-elmasry200 {
background: none repeat scroll 0 0 #F3F3F3;
border: 0 solid #CCCCCC;
color: #595959;
margin: 0 2px 0;
overflow: hidden;
text-align: center;
}
وهذا الكود لعمل الخط المتقطع بعرض الجدول كاملا
يوضع ايضا فى حقل css
- الكود:
-
td.row1, td.row3.over:hover {
background: url("http://i49.servimg.com/u/f49/16/89/40/74/dashed10.jpg") repeat-x scroll center bottom #FFFFFF;
border-style: solid;
border-width: 0;
}
وسيتم نشر هذا التعديل قريبا بشكل اوضح فى قسم التومبيلايت والقوالب