اهلا
اضف الكود التالي اسفل قالب الهيدر
الكود:
<div id="{ID_LEFT}" class="main">
<div class="main-content">
<table cellspacing="0" class="table">
<tbody class="statused">
<tr>
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
//<![CDATA[
$("#active_topics a, #viewed_topics a").after(function() {
return '<span class="lastRight">' + $(this).attr("alt").replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
}); //]]>
</script>
</div>
استبدل قالب اخر المواضيع بالكامل بالتالي
الكود:
<!-- BEGIN classical_row -->
<!-- <tr> -->
<th class="forabg">
<h2>المشاركات الجديدة</h2>
</th>
<th class="forabg9">
<h2></h2>
</th>
<th class="forabg9">
<h2> <i class="material-icons">menu</i></h2>
</th>
<tr>
<td class="double">
<ul id="recent_topics">
<!-- BEGIN recent_topic_row -->
<li>
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
</li>
<!-- END recent_topic_row -->
</ul>
</td>
<td>
<ul id="active_topicso" class="half">
<!-- BEGIN recent_topic_row -->
<li>
<span class="motime">
<span>{classical_row.recent_topic_row.S_POSTTIME}</span>
</span>
</li>
<!-- END recent_topic_row -->
</ul>
</td>
<td>
<ul id="viewed_topics" class="half">
<!-- BEGIN recent_topic_row -->
<li>
<span class="mod-recent-authorti">
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" >{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
</span>
</li>
<!-- END recent_topic_row -->
</ul>
</td>
</tr>
<!-- </tr> -->
<!-- END classical_row -->
ثم اضف التالي بال css
الكود:
#left,#left *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#content-container div#container{float:none}
#content-container div#main{margin-bottom:0}
*+ html #content-container div#main{margin-left:0;margin-right:0}
#content-container div#left{float:none;width:100%}
#left{margin:30px 0}
#left th{vertical-align:middle}
#left .double{border-left:0}
#left ul,#left th{margin:0}
ul#recent_topics {
padding: 10px 10px 10px 0px;
}
.forabg > h2 {
font-size: 22px !important;
color: #000;
}
.main-content .table {
background: white;
border: solid 1px #00000026;
width: 100%;
}
#left li {
border-bottom: 1px dashed #ccc;
counter-increment: Zzindex;
height: 19px;
line-height: 19px;
list-style-type: none;
padding-bottom: 20px;
position: relative;
width: 100%;
}
ul#recent_topics li::before {
background: #e91e63 none repeat scroll 0 0;
border-radius: 2px;
color: #fff;
content: counter(Zzindex, decimal);
display: block;
font-size: 11px;
height: 17px;
line-height: 16px;
position: absolute;
right: -5px;
text-align: center;
top: 1px;
width: 16px;
z-index: 10;
}
ul#recent_topics li::after {
background: #ebebeb none repeat scroll 0 0;
content: " ";
display: block;
height: 6px;
position: absolute;
right: 8px;
top: 6px;
transform: rotate(45deg);
width: 6px;
}
ul#recent_topics li:nth-child(1):before,ul#recent_topics li:nth-child(1):after{background:red}
ul#recent_topics li:nth-child(2):before,ul#recent_topics li:nth-child(2):after{background:#FD5405}
ul#recent_topics li:nth-child(3):before,ul#recent_topics li:nth-child(3):after{background:#FDB55A}
ul#recent_topics li:nth-child(3) ~ li:before,ul#recent_topics li:nth-child(3) ~ li:after{
color:#fff;
}
#left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;left:0;top:0}
#active_topics a,#viewed_topics a{width:70%}
#left #recent_topics a {
margin-right: 25px;
width: 94%;
}
#left .lastRight {
left: auto;
position: absolute;
right: 20px;
text-align: right;
top: 0;}
#content-container #container {
margin-right: 0 !important ;
}
#sidebar {
display: none;
float: left;
}
#index {
margin-left: auto;
transition: none;
}
th.forabg {
border-right: #3F51B5 solid 5px;
text-align: right;
padding: 18px;
}
النتيجه