demo : [You must be registered and logged in to see this link.]
code recent:
code recent:
- Code:
<!-- BEGIN classical_row -->
<div class="main recentWidth" style="border-right: 1px solid #DDDDDD">
<div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
<div id="recentnew" class="main-content" style="border-left:0 none;border-right:1px solid #DDD!important;border-top:0 none;">
<ul class="latest_topics" style="padding-left: 20px ! important;">
<!-- BEGIN recent_topic_row -->
<li style="border-bottom: 1px dashed #CCC;line-height: 21px;">
<span class="leftrecent" style="letter-spacing: 0.1em;">
<a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>
</span>
<span class="imgstatus">
<img width="10px" src="http://i48.servimg.com/u/f48/16/58/89/73/post_o10.png" />
</span>
<span class="rightrecent" style="letter-spacing: 0.1em;float:right">
<!-- 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>
</div>
</div>
<!-- END classical_row -->
<style>
/* Latest topic */
.leftrecent{white-space:nowrap;position:absolute;text-overflow:ellipsis}
.imgstatus{background-color:#FFF;left:-30px;position:absolute;padding:5px 7px}
.latest_topics{margin-top: 5px;list-style:decimal-leading-zero outside none;text-align:left;margin-left: 15px;padding: 0 5px 10px 30px;}
.latest_topics li{line-height:16.1px;position:relative}
.recentWidth .main-head{position: relative; height: 1.3em;overflow: hidden;}
.recentWidth h3{marign-left: 10px}
</style>
