cái ni cũng chôm thui à nha.
hông nhớ rõ tại chôm nhiều quá. hehe
chỉ biết là chôm và thankiu nhiều nhiều. hehe
demo:
Click để xem
- Spoiler:
hướng dẫn:
- Spoiler:
1. kích hoạt và sắp xếp widgets
- ACp> Module> Portal & widgets> Widgets management>
- kích hoạt và sắp xếp vị trí 2 widgets top posters và recent topics như hình
- bấm
để chỉnh
. trong top posters:
Display the posted messages number
for each member present in the widget.: chọn Không
. trong recent topics:
Number of recent topics: chọn 10
Activate the topics scrolling: chọn Không
2. thay toàn bộ codes trong mod_recent_topics
- Spoiler:
- Code:
-
</table>--><td width="100%" valign="top" class="alt1" style="padding:0">
<div class="mainbox">
<ul class="tabs" id="vietvbb_topstats_t">
<li id="vietvbb_latest_posts" class="current"><span style="padding: 0px 8px;"><a href="#" onClick="return false;">Last posts</a></span></li>
</ul>
<!-- BEGIN classical_row -->
<!-- BEGIN recent_topic_row -->
<table width="99%" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody>
<tr valign="top">
<td style="border-top: 0px none; padding: 0px; background: transparent url(http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24">
<img src="http://2img.net/i/fa/empty.gif"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" width="65%" align="left" background="http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif">
<img src="http://i43.servimg.com/u/f43/15/63/49/04/subfor10.gif">
<a href="{classical_row.recent_topic_row.U_TITLE}" onmouseover="Tip('<center><b><font color=red>♥ Forum 4ALL - Mái Nhà Tình Bạn ♥</font></b></center>
<br>
<center>
<b><font color=green>x-------------------------------------x</font></b>
</center>
<br>
<b>† <font color=red>Tiêu đề: </font></b>{classical_row.recent_topic_row.L_TITLE}<br>
<b>† <font color=red>Thời gian: </font</b>{classical_row.recent_topic_row.S_POSTTIME}<br>
<br>
<center>
<b><font color=green>x-------------------------------------x</font></b>
</center>
<br><b>† <font color=red>Lời nhắn: </font></b>Chúc bạn vui vẻ với diễn đàn.')" onmouseout="UnTip()">
<font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></a>
</td>
<td style="border-top: 0px none; padding-right: 5px; line-height: 20px; background-repeat: repeat;" width="35%" align="right" background="http://i87.servimg.com/u/f87/13/37/93/66/listbg10.gif">
<i><!-- 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 --></i></td></tr></tbody></table><!-- END recent_topic_row --><!-- END classical_row -->
</td>
</tr>
</table>
<link rel="stylesheet" type="text/css" href="http://loitraitim.com/diendan/vietvbb/topx/vietvbb_topx.css" />
<script type="text/javascript" src="http://loitraitim.com/diendan/vietvbb/topx/vietvbb_topx2.js"></script>
<script type="text/javascript" src="http://z13.invisionfree.com/diendan7a/index.php?act=Attach&type=post&id=3796925"></script>
3. thay toàn bộ codes trong mod_top_posters
- Spoiler:
- Code:
-
<table width="100%" style="padding:0px; margin:0px;">
<tr><td class="alt1" style="white-space: nowrap;display:block; width:auto!important; overflow:hidden; padding:0px; margin:0px" valign="top">
<div class="mainbox">
<ul class="tabs">
<li class="current"><span style="padding: 0px 5px;">
<select id="vietvbb_topstats_s">
<option selected="selected" value="vietvbb_top_posters">Top posters</option>
</select>
</span></li>
</ul>
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i40.servimg.com/u/f40/16/50/04/14/list10.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i40.servimg.com/u/f40/16/50/04/14/listbg10.gif"><!-- BEGIN POSTER --><div style="height: 20px;"><font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font></div><!-- END POSTER --></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i40.servimg.com/u/f40/16/50/04/14/listbg10.gif"><!-- BEGIN POSTER --><div style="height: 20px; width: 85px;" align="right"><font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font></div><!-- END POSTER --></td></tr>
</table>
</td>
<!-- <div>
4. thêm codes trong index_body
- Spoiler:
ngay sau chữ
- Code:
-
{JAVASCRIPT}
thêm:
- Code:
-
<table class="tborder" width="100%" align="center" border="0" cellpadding="6" cellspacing="1">
<tbody>
<tr>
<td class="thead">
<a style="float: right;" href="#top" onclick="return toggle_collapse('latestnews')">
<img id="collapseimg_latestnews" src="tcat" alt="" border="0"></a>
<center><font color=red><font size=2 > -‘@’- .:: Welcome to our forum ::. -‘@’- </font> </center></td>
</tr>
</tbody>
<tbody id="collapseobj_latestnews" style="">
<tr>
<td class="alt1"><table class="tborder" width="100%" align="center" border="0" cellpadding="6" cellspacing="1">
<tbody><tr>
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr><td valign="top" width="100%">
<div id="center">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</table>
</div>
</td>
</tr>
<tr>
5. thay một phần codes trong overall_header,
- Spoiler:
tìm và thay:
- Code:
-
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
bằng:
- Code:
-
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
6. thêm vào cuối css
- Spoiler:
- Code:
-
#tooltip {
padding:0;
max-width: 50% !important;
color: #000;
background: #cfe0fa none ;
_background-image: none;
border: 2px #fff solid; -moz-border-radius: 3px;border-radius: 3px;
font-size:0.8em;text-align: left;
}
* html #tooltip {
width: 30%;
}
#tooltip * {
margin:2px 5px 2px 8px;
}
#tooltip ul {
padding: 0px 0px 0px 20px;
}
#tooltip dl {
clear:both;
position:relative;
margin-bottom: 10px;
}
#tooltip dt {
float:left;
border: medium none;
padding-top: 3px;
width: 50%;
}
#tooltip dd {
margin-left: 50%;
padding-left: 5px;
vertical-align: top;
}
#tooltip p.header {
margin:0;
font-size:13px;
color: green;
padding: 1px 5px;
background: #cfe0fa repeat;
font-weight: bold;
border-bottom:0px;
}
#tooltip p {
padding: 6px;
color: #666666;
font-size:11px;text-align: left;
}
.title_small{padding: 2px;
border-bottom: 1px #DBDBDB dashed;
font-size: 10px;
font-style: italic;}
- Code:
-
- Code:
-
- Code:
-
- Code:
-
- Code:
-
[code]