Chức năng:
-Top poster
-Recent toppic
-Thông điệp yêu thương tự cập nhật
- Tooltip đầy đủ thông tin:
+Tiêu đề
+người tạo
+lượt xem
+Trả lời
+Người gửi cuối
+Thuộc chuyên mục
+thời gian gửi
Cách làm:
LƯU Ý: Từ bước 1 đến bước 7 là dùng cho những forum chưa có Thông điệp yêu thương. Còn forum nào có rùi làm từ bước 8 trở đi nha
Bước 1:Tạo 1 forum thông điệp yêu thương
ACP-->QLTT-->Forum-->Categories and forums-->click VD: https://congdongdip.123.st/f50-forum
Bước 2:
- ACP> Module> Portal & Forum widgets management>làm theo hình bên dưới:
Click mục New và chỉnh theo hình:
BƯỚC 3
Viewsource để lấy codes Hình Vui
Vào đây để lấy
- bấm CTR A và Copy tòan bộ codes Hình Vui
Tạo trang HTML Hình Vui
- ACP> Modules> HTML> HTML Management>
- bấm nút "Create a new HTML page" góc phải bên dưới để tạo 1 trang HTML
- đặt tên là Hình Vui
- Copy toàn bộ codes Hình Vui vừa làm ở trên vào khung HTML
- bấm Submit.
- trở ra lại HTML copy link trang HTML Hình Vui vừa tạo
VD: https://congdongdip.123.st/h100-page
BƯỚC 4
Tạo trang HTML Thông Điệp Yêu Thương - TĐYT
- ACP> Modules> HTML> HTML Management>
- bấm nút "Create a new HTML page" bên dưới góc phải để tạo 1 trang HTML
- đặt tên là Thông Điệp Yêu Thương - TĐYT
- Copy tòan bộ codes dưới đây vào khung HTML
- tìm và thay /h100-page bằng
link trang HTML Hình Vui tạo ở bước 7.
- bấm Submit.
- trở ra lại HTML copy link trang HTML Thông Điệp Yêu thương
Bước 5:
Thay codes News
- ACP> Display> Templates> Portal> News
- thay tòan bộ codes bằng codes sau:
- ACP> Display> Templates> Portal> News
- tìm và thay
- bấm Save
- bấm dấu cộng màu xanh
Bước 7:
Thêm codes vào CSS
ACP> Display> Color & Pics> Colors> CSS stylesheet
- chèn thêm vào cuối CSS đoạn codes bên dưới
- bấm nút submit
ACP-->Display-->template-->Portal:
Thay toàn bộ bằng các code sau:
Recent topic:
-Top poster
-Recent toppic
-Thông điệp yêu thương tự cập nhật
- Tooltip đầy đủ thông tin:
+Tiêu đề
+người tạo
+lượt xem
+Trả lời
+Người gửi cuối
+Thuộc chuyên mục
+thời gian gửi
Cách làm:
LƯU Ý: Từ bước 1 đến bước 7 là dùng cho những forum chưa có Thông điệp yêu thương. Còn forum nào có rùi làm từ bước 8 trở đi nha
Bước 1:Tạo 1 forum thông điệp yêu thương
ACP-->QLTT-->Forum-->Categories and forums-->click VD: https://congdongdip.123.st/f50-forum
Bước 2:
- ACP> Module> Portal & Forum widgets management>làm theo hình bên dưới:
Click mục New và chỉnh theo hình:
BƯỚC 3
Viewsource để lấy codes Hình Vui
Vào đây để lấy
- Code:
http://LINK forum của bạn/smilies.forum?mode=smilies_frame
- bấm CTR A và Copy tòan bộ codes Hình Vui
Tạo trang HTML Hình Vui
- ACP> Modules> HTML> HTML Management>
- bấm nút "Create a new HTML page" góc phải bên dưới để tạo 1 trang HTML
- đặt tên là Hình Vui
- Copy toàn bộ codes Hình Vui vừa làm ở trên vào khung HTML
- bấm Submit.
- trở ra lại HTML copy link trang HTML Hình Vui vừa tạo
VD: https://congdongdip.123.st/h100-page
BƯỚC 4
Tạo trang HTML Thông Điệp Yêu Thương - TĐYT
- ACP> Modules> HTML> HTML Management>
- bấm nút "Create a new HTML page" bên dưới góc phải để tạo 1 trang HTML
- đặt tên là Thông Điệp Yêu Thương - TĐYT
- Copy tòan bộ codes dưới đây vào khung HTML
- Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="revisit-after" content="0.2 days">
<meta name="robots" content="FOLLOW,INDEX">
<meta name="Robots" content="index, follow">
<meta name="GOOGLEBOT" content="index,follow">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://illiweb.com/rs3/13/frm/lang/vi.js" type="text/javascript"></script>
<style type="text/css">
@charset "utf-8";
/* Design and Code by ligerv */
*{margin:0px; padding:0px;}
body {
background : #f8adce url(http://img155.imageshack.us/img155/3050/47551978.jpg);
color : #000000;
font : 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin : 0;
padding : 0;
background-attachment : fixed;
background-position : center;
}
#posting {
padding : 100px 200px 500px 200px;
}
.button, .mainoption, input[type="submit"], input[type="button"], input[type="reset"] {
background : #f4f5f4 url(/users/2211/12/43/96/album/tabbg110.png);
padding : 2px 5px;
}
select, input, textarea {
text-indent : 2px;
border : 1px solid #ccc;
}
.emohidden {
display : none;
}
.emoshown {
display : inline;
}
.postgen, .post
{
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}
a img {border-width:0;}
/* Design and Code by ligerv */
</style>
<script type="text/Javascript">
function toggleemo (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="emoshown") { whichpost.className="emohidden"; } else { whichpost.className="emoshown"; }
} </script>
</head>
<body>
<form action="/posting.forum" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data" align="center"><table width="600px" border="0" cellspacing="1" cellpadding="0" align="center" id="posting">
<tr><td width="100px"><div style="width:100px;">
<span class="gen"><b><font color="green">Gửi đến :</font></b></span></div></td><td><span class="gen">
<input class="postgen" style="width:450px; height:22px; display:inline" type="text" value="Tất cả thành viên" onblur="if(this.value=='') this.value='Tất cả thành viên';" onfocus="if(this.value=='Tất cả thành viên') this.value='';" tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}" id="username" name="subject" maxlength="50" size="20">
</span>
<a href="javascript:toggleemo('emo4all')" onmouseover="helpline('z')" onmouseout="helpline('
')" ><img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif" alt="thèm nhỏ dãi"></a>
<input onclick="set_solved(this.form.elements['subject'],'»')" class="mainoption" style="font-weight: bold;height:22px;" type="submit" name="post" value="Gửi" tabindex="6" accesskey="s" /></td></tr><tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td><span class="gen">
<font color="Green"><b>Nội dung:</b></font></a></font>
</span></td></tr></table></td><td valign="top"><span class="genmed"></span><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td colspan="9"><span class="gensmall" style="width:450px;font-size:10px" id="helpbox"></span></td></tr><tr><td colspan="9">
<span class="gen">
<textarea id="" class="post" style="width:600px; height:200px; background: #000; color: #ccc; " onclick="storeCaret(this)" onkeyup="storeCaret(this)" name="message" rows="1" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual"></textarea>
</span>
</td></tr></table>
<div class="emohidden" id="emo4all"><iframe name="smilies" src="/h100-page" marginwidth="0" marginheight="0" border="0" onmouseover="helpline('z')" onmouseout="helpline('
')" class="row1" width="600" frameborder="0" height="300" scrolling="0" style="background:transparent;"></iframe></div>
</td></tr></table>
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="f" value="5" />
</form>
</body></html>
- Code:
<input type="hidden" name="f" value="5" />
- tìm và thay /h100-page bằng
link trang HTML Hình Vui tạo ở bước 7.
- bấm Submit.
- trở ra lại HTML copy link trang HTML Thông Điệp Yêu thương
Bước 5:
Thay codes News
- ACP> Display> Templates> Portal> News
- thay tòan bộ codes bằng codes sau:
- Code:
</tr>
<tr>
<td>
<table style="background: #fff;color: #555555;border: 2px solid #bbb;-moz-border-radius:5px;" cellpadding="6" cellspacing="2" border="0" width="100%" align="center"><tr><td nowrap="nowrap" style="background: #fff;color: #313131;border: 1px solid #ccc;-moz-border-radius:5px">
<a onmouseover="showtip('<font size=5>GỬI THÔNG ĐIỆP - CLICK !!</font><br>Chỉ dành cho thành viên có <font color=#FF5F5F>nick màu</font> hoặc <font color=#C2FFAF>trên 30 bài viết</font> ...');" onmouseout="hidetip();" class='c3luvmes' href="html của bạn"><img src="http://i23.servimg.com/u/f23/15/13/67/04/tdyt2110.png" /><img src="http://i23.servimg.com/u/f23/15/13/67/04/tdyt_s10.png" /></a>
</td>
<td width="100%" style="background: #fff url(http://i21.servimg.com/u/f21/13/61/26/37/master10.gif);color: #313131;border: 1px solid #ccc;-moz-border-radius:5px">
<marquee behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="20" direction="left" truespeed="truespeed">
<!-- BEGIN post_row -->
<span style="margin-right:60px" class="modnew">
<span onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px"><b>
<span class="gensmall" style="font-size: 9pt"><b>{post_row.POSTER}</b></span> </b>
<span style="font-size: 9pt">nhắn với</span>
<span style="color:#FF009A;font-weight:bold;font-size: 9pt">{post_row.TITLE}</span>
<div style="display: none;"> gửi vào lúc {post_row.TIME} ...</div></span>:
<span class="lovemes" style="font-size: 9pt"><font color="blue">{post_row.TEXT}</font></span><span style="padding: 0px 40px"></span></span>
<!-- END post_row --></marquee>
</td>
</tr>
</table>
</td>
<style type="text/css">
@charset "utf-8";
.lovemes table, .lovemes div, .lovemes hr, .lovemes br, .lovemes embed{display:none!important}
.lovemes {font-weight:bold; font-size:11px}
.lovemes img {vertical-align: middle; max-height:30px}
</style>
- ACP> Display> Templates> Portal> News
- tìm và thay
- Code:
HTML của bạn
- bấm Save
- bấm dấu cộng màu xanh
Bước 7:
Thêm codes vào CSS
ACP> Display> Color & Pics> Colors> CSS stylesheet
- chèn thêm vào cuối CSS đoạn codes bên dưới
- bấm nút submit
- Code:
/* tabs-------------------------------------------------------------*/
.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 15px; background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5; margin-bottom: 6px; padding: 1px;}
.mainbox table { width: 100%; }
#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: 9pt;
font-family: Arial;
background-color: white;
width: auto;
max-width: 340px;
width:expression( document.body.clientWidth > 340? "340px": "auto" );
text-align:left;
}
ACP-->Display-->template-->Portal:
Thay toàn bộ bằng các code sau:
Recent topic:
- Code:
</table>--><td width="680px" valign="top" class="alt7" style="padding:0">
<!-- BEGIN classical_row --><div id="vnlast" class="vn40"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="20" class="lastmtmy1" style="height:32px!important;" align="center"><span class="taidulieu" style="display:none;"><img src="http://i43.servimg.com/u/f43/16/03/04/56/13x13p10.gif"/></span>
</td>
<td width="80%" class="lastmtmy2" style="height:32px!important;font-size:10pt;"> <b><center><font color="red">Bài Viết Mới</font></center><b>
<span>
</td><td style="text-align:center;padding-right:5px;height:32px!important;font-size:10pt;" width="20%" class="lastmtmy3"><span id="FMviloadimg" style="cursor:pointer;" onmouseover="showtip('Click Để Reload Topic.')" onmouseout="hidetip()" id="FMviloadimg"><b>Reload</b></span> </td></tr>
<tr class="baiguicuoi"><td style="background: transparent url(/users/2611/10/63/87/album/list13.gif) no-repeat;border-left:1px solid #B4D0F3" width="23"><img src="http://2img.net/i/fa/empty.gif" width="24" height="1" /></td>
<td style="line-height:18px; background: transparent url(http://i45.servimg.com/u/f45/16/75/78/56/listbg10.gif) repeat" width="80%" valign="top" colspan="2" >
<div id="loadoday">
<!-- BEGIN recent_topic_row -->
<div class="newltopic">
<table class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px">
<tr>
<td width="76%" nowrap="none"><div onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'Thông Tin Bài Viết');" onmouseout="hidetip();"><span class="ltitletopic" style="font-size:11px;font-weight:bold"><a href="{classical_row.recent_topic_row.U_TITLE}"><span class="truottieude"><font color="blue">{classical_row.recent_topic_row.L_TITLE}</font></span>
</a></span><div class="tooltipFMvi"><img src="http://i48.servimg.com/u/f48/16/58/89/73/loadin10.gif" /> Đang tải dữ Liệu</div></div>
</td><td width="20%" align="center" nowrap="none" style="border-right:1px solid #B4D0F3">
<!-- BEGIN switch_poster -->
<div class="mtmymenu"> <div class="mtmymenuu"> <a onmouseover="show_tooltip(this,'<b>Click để xem profile của thành viên này !</b>','Thông Tin-mtmy');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"><span class="lpostertopic" style="font-size:11px;font-weight:bold">{classical_row.recent_topic_row.switch_poster.S_POSTER}</span></a></div></div>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest --></td><span class="ltimetopic" style="display:none">{classical_row.recent_topic_row.S_POSTTIME}</span></tr></table></div>
<!-- END recent_topic_row -->
</td></tr></tbody></table><!-- END classical_row -->
</td></tr></table></div>
</center>
<div style="height:1px"></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left">
<style>#FMviloadimg{color:red;}#FMviloadimg:hover{color:blue}</style>
<script>
jQuery(".c3zonee:contains('»')").remove();
$("#FMviloadimg").click(function(){
$(".taidulieu").show();
$("#loadoday").fadeOut();
$.ajax({
url:"/forum",
success:function(a){$("#loadoday").html($(a).find("#loadoday").html()).fadeIn(1000);$(function () {
$(".newltopic").each(function (a) {
$(this);
$(this).attr("id", "newlast" + a);
a = $(this).attr("id");
$(this).find(".ltitletopic").next().attr("alt", a);
$(this).find(".ltitletopic").attr("alt", a);
$(this).find(".lpostertopic").attr("alt", a);
$(this).find(".ltimetopic").attr("alt", a);
var b = $(this).find(".ltitletopic[alt='" + a + "']").text(),
tieude = $(this).find(".ltitletopic[alt='" + a + "']").text(),
d = $(this).find(".ltimetopic[alt='" + a + "']").text(),
thoigian = $(this).find(".ltimetopic[alt='" + a + "']").text(),
e = b.replace(/ /gi, "+"),
f = $(this).find(".ltitletopic[alt='" + a + "']").next();
f.load("/search?mode=searchbox&search_keywords=" + e + '&show_results=topics tr.layemno:contains("' + b + '"):contains("' + d + '")', function () {
var d = $(this).find("#tacgiamt a[href^='/u']").text(),
e = $(this).find(".row3:first").text(),
f = $(this).find(".row2:first").text(),
g = $(this).find(".row2:last").text(),
j = $(".lpostertopic[alt='" + a + "']").text();
$(this).html('<b><span class="tiplFMvi">Tiêu đề:</span> ' + tieude + '</b><hr><span class="tiplFMvi">Tạo chủ đề:</span> ' + d + '<br><span class="tiplFMvi">Gửi cuối:</span> ' + j + '<br><span class="tiplFMvi">Vào lúc:</span> ' + thoigian + '<hr><span class="tiplFMvi">Thuộc chuyên mục:</span> ' + e + '<br><span class="tiplFMvi">Lượt xem:</span> ' + g + '<br><span class="tiplFMvi">Trả lời:</span> ' + f + "<br>");
})
})
});$(".taidulieu").hide();},
error:function(){$("#loadoday").html('<p><font face="Courier New"><font color="red">C\u00f3 l\u1ed7i x\u1ea3y ra trong qu\u00e1 tr\u00ecnh t\u1ea3i d\u1eef li\u1ec7u.</font></font></p>')}
})
});
</script>
<script type="text/javascript">$(function () {
$(".newltopic").each(function (a) {
$(this);
$(this).attr("id", "newlast" + a);
a = $(this).attr("id");
$(this).find(".ltitletopic").next().attr("alt", a);
$(this).find(".ltitletopic").attr("alt", a);
$(this).find(".lpostertopic").attr("alt", a);
$(this).find(".ltimetopic").attr("alt", a);
var b = $(this).find(".ltitletopic[alt='" + a + "']").text(),
tieude = $(this).find(".ltitletopic[alt='" + a + "']").text(),
d = $(this).find(".ltimetopic[alt='" + a + "']").text(),
thoigian = $(this).find(".ltimetopic[alt='" + a + "']").text(),
e = b.replace(/ /gi, "+"),
f = $(this).find(".ltitletopic[alt='" + a + "']").next();
f.load("/search?mode=searchbox&search_keywords=" + e + '&show_results=topics tr.layemno:contains("' + b + '"):contains("' + d + '")', function () {
var d = $(this).find("#tacgiamt a[href^='/u']").text(),
e = $(this).find(".row3:first").text(),
f = $(this).find(".row2:first").text(),
g = $(this).find(".row2:last").text(),
j = $(".lpostertopic[alt='" + a + "']").text();
$(this).html('<b><span class="tiplFMvi">Tiêu đề:</span> ' + tieude + '</b><hr><span class="tiplFMvi">Tạo chủ đề:</span> ' + d + '<br><span class="tiplFMvi">Gửi cuối:</span> ' + j + '<br><span class="tiplFMvi">Vào lúc:</span> ' + thoigian + '<hr><span class="tiplFMvi">Thuộc chuyên mục:</span> ' + e + '<br><span class="tiplFMvi">Lượt xem:</span> ' + g + '<br><span class="tiplFMvi">Trả lời:</span> ' + f + "<br>");
})
})
});
</script>
</td></tr></table>
- Code:
<table width="100%" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; height: 236px; display: block;overflow-x: hidden; overflow-y: hidden; " id="mtlast" class="juna">
<tr><td class="alt7" style="white-space: nowrap; width:197px!important; overflow:hidden; padding:0px; margin:0px" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="lastmtmy1" style="height:32px!important"></td>
<td class="lastmtmy3" style="height:32px!important">
<script type="text/javascript">function showstuff(value){document.getElementById("sell1").style.display = (value == "sell1") ? "block" : "none";document.getElementById("sell2").style.display = (value == "sell2") ? "block" : "none";document.getElementById("sell3").style.display = (value == "sell3") ? "block" : "none";document.getElementById("sell4").style.display = (value == "sell4") ? "block" : "none";document.getElementById("sell5").style.display = (value == "sell5") ? "block" : "none";document.getElementById("sell6").style.display = (value == "sell6") ? "block" : "none";}</script>
<select name="type" style="width:142px" onchange="showstuff(this.value);"><option value="sell1" selected="selected">Top Posters</option><option value="sell2">Top Starters</option></select></td>
</tr>
<tr>
<td style="border-top: 0px none;border-left:1px solid #B4D0F3;padding: 0px; background: transparent url(/users/2611/10/63/87/album/list13.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/subsilver/empty.gif" width="24" /></td>
<td nowrap="nowrap" style="border-top: 0px none;border-right:1px solid #B4D0F3;padding: 0px; line-height: 20px; background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat">
<div style="display: block;" id="sell1">
<!-- BEGIN POSTER -->
<div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="show_tooltip(this,this.getElementsByTagName('div')[0].innerHTML,'Thông Tin Thành Viên');" onmouseout="hidetip();" class="smallfont">
<div style="display:none">Tên: {POSTER.NAME}<br>Số Bài Post :{POSTER.NB_POSTS}</div><div class="mtmymenu"> <div class="mtmymenuu">{POSTER.NAME}</div></div>
</div>
<!-- END POSTER -->
</div>
</div>
<!--</td>
</tr>
Được sửa bởi D.í.p-Po ngày Tue Jun 18, 2013 1:12 pm; sửa lần 1.