xin cái Bài gửi mới nhất của chinhphuc.info

[Dạ Khúc]

có thể chia sẽ cái bài gởi mới nhất của chinhphuc đang dùng khôngạ ...

[Eagle8x]

http://diendan.chinhphuc.info/t7586-topic trong này hết nè.

[Dạ Khúc]

em làm rồi mà nó không y chang như chinhphuc.......

[Eagle8x]

À, ý bạn này là y chang luôn hả. Vậy thì hơi căng đó vì phần recent topic này bao gồm : module recent topic, code icon trước ID, tooltip khi rê chuột vào bài viết và username. Để làm được tổ hợp đó thì cần kiếm code nằm khắp nơi. Ở vị trí của mình thì chỉ biết được cái khung thôi, tức là chỉ cần từ bài viết trên là đủ. Còn lại thì chắc nhờ admin VK giúp

[Cáo Già Đeo Nơ]

Hey ,

Bạn Làm như sau
Đầu tiên bạn vào toppic này và làm theo hướng dẫn
...t7586-topic

Sau khi đã làm xong bạn bắt đầu làm theo những bước sau:


Sửa overall_header như hướng dẫn ở latest topics cũ rồi thay mod_recent_topic bằng code này :

Code:

<!-- BEGIN classical_row --><table class="alt1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" style="text-align:right;padding-right:5px;height:32px!important;" width="100%" class="tcat"><span style="float:left">    Bài gửi mới nhất</span>Người gửi cuối  </td></tr>
<tr>
<td style="background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/list.gif) no-repeat;" width="23"><img src="http://2img.net/i/fa/empty.gif" width="24" height="1" /></td>
<td class="" style="line-height:18px; background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat" width="100%" valign="top">

<!-- BEGIN recent_topic_row --><table class="" class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px"><tr><td width="76%" nowrap="nowrap"><div style="font-size:11px;font-weight:bold"><a onmouseover="showtip('<b>Tiêu đề:</b> <font color=#FF6FAB>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#AFFFD0>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></div>
</td><td width="20%" align="right" nowrap="nowrap">
<div style="font-size:11px;font-weight:bold">
<!-- BEGIN switch_poster -->
        <a onmouseover="showtip('<b>Click để xem profile của thành viên này !</b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
        <!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
        {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
        <!-- END switch_poster_guest --></div></td></tr></table>
<!-- END recent_topic_row -->
</td></tr></tbody></table><!-- END classical_row -->

Chèn vào CSS

Code:

#dhtmlpointer, #dhtmltooltip
{
  z-index: 999;
  left: -300px; top:0px;
  visibility: hidden;
  position: absolute;
}
#dhtmltooltip
{
  border: #666 2.4px solid;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  font-size: 10pt;
  font-family: Arial;
  background-color: white;
  width: auto;
  max-width: 340px;
  width:expression( document.body.clientWidth > 340? "340px": "auto" );
  text-align:left;
}

Chèn vào overall_header . trước </head> hoặc overall_footer trước </body> :

Code:

<script type='text/javascript' src='http://www.c3zone.net/h33-tooltip'></script>

Demo

đó , ra coi là biết liền

Nguồn :

[Sponsored content]