Sinh viên KHOA Y khóa 2011

Demo


Nguồn: cám ơn anh Baivong Fmvi.org

Hướng dẫn:

Bước 1: ACP >> Display >> Homepage >> Structure and hierarchy:
Sub-level links on index : Có

Bước 2: ACP >> Display >> Templates >> Ganeral >> Index_box:
Tìm:

Code:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

thay bằng

Code:

<select style="display:none" onchange="location = this.options[this.selectedIndex].value;">
  <option value="{catrow.forumrow.U_VIEWFORUM}">Các Diễn Đàn Con</option>
</select>
<span style="display:none" class="subforumFMvi">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>

chén phía dưới index_box

Code:

<script type="text/javascript">
$(".subforumFMvi a").each(function () {
  $(this).replaceWith('<option value="' + $(this).attr("href") + '">|-- ' + $(this).text() + '</option>');
});
$(".subforumFMvi option").each(function () {
  $(this).appendTo($(this).parent().prev())
});
$(".subforumFMvi").each(function () {
  if ($(this).text() == "") {
      $(this).prev().remove();
      $(this).remove();
  } else {
      $(this).prev().show()
  }
});
</script>


chèn vô viewtopic body

Code:

<!-- BEGIN switch_user_logged_out -->
<script type="text/javascript">
jQuery(function(){
        jQuery(".cont_code").text("Vui lòng đăng nhập để thấy nội dung CODE");
});
</script>
<!-- END switch_user_logged_out -->

demo

chèn vô footer

Code:

<!--thu nghiem-->
<script type='text/javascript'>

window.onload = detectarCarga;

function detectarCarga() {

document.getElementById("imgLOAD").style.display="none";

document.getElementById("WholePage").style.display="";

}
</script>
<div id="imgLOAD" align="center" style="position:fixed;top:40%;left:45%;padding:10px;background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse" bordercolor="#006600" border="1">
<b>Đang tải dữ liệu...</b><br><img border="0" src="http://data.sinhvienit.net/imgs2/SinhVienIT.Net---909_loading6.gif"></div>

<!--thu nghiem-->

demo

Chèn Vô Cuối Header

Code:

<!-- BEGIN switch_user_logged_out -->
    <div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><div class="guestwarn">

    <form action="/login?redirect=/forum" method="post" name="form_login" class="loginform"><table class="c3z1" border="0" cellpadding="0" cellspacing="3"><tbody><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="username" class="post" size="22" name="username" value="Tên đăng nhập" onblur="if(this.value=='') this.value='Tên đăng nhập';" onfocus="if(this.value=='Tên đăng nhập') this.value='';" type="text"></td><td nowrap="nowrap"><label><img src="http://www.c3zone.net/users/2611/10/63/87/album/rem10.png"><input class="radio" name="autologin" checked="checked" type="checkbox"></label></td></tr><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="password" class="post" size="10" name="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" type="password"></td><td nowrap="nowrap"><input class="mainoption" name="login" value="Go!" type="submit"></td></tr></tbody></table></form>
    <a href="#tip" class="close" onclick="closeBox('message-1'); return false;" onmouseover="showtip('Thu hẹp khung đăng nhập lại.')" onmouseout="hidetip()"></a>
    </div><div class="amature" style="display:none;"><a href="#tip" class="dady" onmouseover="showtip('Mở rộng khung đăng nhập ra!')" onmouseout="hidetip()"><span class=" open"></span>
    </a>

    </div></td></tr></tbody></table></div>
      <!-- END switch_user_logged_out -->

chèn thêm vô CSS

Code:

 .guestwarn, .amature {
      background:#000;
      color:#fff;
      max-width:280px;
      min-height:18px;
      padding:0 5px 3px;
      position:fixed;
      right: 2%;
      top: 50%;
      padding: 10px 15px;
      position: fixed;
      z-index: 10;
      font-size:12px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      filter:alpha(opacity=88);
      -moz-opacity:.88;
      opacity:.88;
      -moz-box-shadow:5px 5px 5px #191919;
      -webkit-box-shadow:5px 5px 5px #191919;
      box-shadow:5px 5px 5px #191919;
   
    }
    .close {
      float: right;
      background: transparent url(http://i1202.photobucket.com/albums/bb362/tnpu_ilusm/fancy_nav_right.png);
      width: 30px;
      height: 30px;
      position:fixed;
      right: 2%;
      top: 50%;
      position: fixed;
      z-index: 10;
      background-repeat:no-repeat;
    }
    .open {
      float: right;
      background: transparent url(http://i1202.photobucket.com/albums/bb362/tnpu_ilusm/fancy_nav_left.png);
      width: 30px;
      height: 30px;
      position:fixed;
      right: 2%;
      top: 50%;
      position: fixed;
      z-index: 10;
      background-repeat:no-repeat;
    }
    #password, #subject, #username {
    padding : 1px 1px 1px 16px;
    width : 100px;
    }
    #password {
    background : #fff url(http://vnteen.co.cc/users/1113/13/44/26/avatars/gallery/pass1010.png)  no-repeat scroll left center;
    }
    #username {
    background : #fff url(http://c3zone.net/users/2611/10/63/87/album/id10.png)  no-repeat scroll left center;
    }

Tạo một HTML với code

Code:


    function hiendn(){
    jQuery(".guestwarn").fadeOut("slow",function() {
        jQuery(".amature").fadeIn("slow");
   
    })
    };
    function andn(){
    jQuery(".amature").fadeOut("slow",function() {
        jQuery(".guestwarn").fadeIn("slow");
   
      });
    };
   
    jQuery(document).ready(function(){
    jQuery(".close").click(function(){
    hiendn();
    });
    jQuery(".dady").click(function(){
    andn();
   
    });
    });

Dùng thẻ

Code:

<script src="link trang HTML vừa tạo" type="text/javascript"></script>

chèn vô header
nguồn: http://gioitre.123.st/t184-topic

chèn vô header. cái này chôm của người ta, mà họ để bên phải còn mình thì không được. Mất công sửa code lại cho tạm qua bên trái cuối cùng cũng OK

cái chôm của bên gioitre.123.st chỉ là cái code ẩn hiện, bên chinh phục có cái tự động đăng nhập, xem hiểu và ta đã ghép sửa lại thành công
mất 1 ngày trời

Đầu tiên là phải tạo một trang html có chat box.
cách làm lấy từ Việt K - www.c3zone.net


Bước 1 : Chuẩn bị : mở trang chatbox - đăng nhập sẵn- Chế độ Archive hoặc Without Archive tùy bạn muốn chatbox tự đăng nhập sắp làm ở chế độ nào Viewsource trang này.
Vào Modules ~> HTML pages management chèn vào trang HTML mới. Chèn đoạn source của trang chatbox vào.

Bước 2 :
---- Tìm trong source

Code:

<body class="chatbox">

---- Sửa thành

Code:

<body onload="if(!connected){CB_disconnect();}ajax_refresh_chatbox('?archives=100', 1);" class="chatbox">

---- Ở đoạn script ở gần cuối ... Tìm tiếp đoạn có dạng sau (không chính xác hoàn toàn nhé)

Code:

'&tid=b8b16b36400e4345333bea3bd76ac621'

----Sửa thành

Code:

my_getcookie('mytid').substr(my_getcookie('mytid').indexOf('&tid='),37)

Lưu trang Html. nhớ link trang này tí nữa cóp xuống dưới đây

Nếu làm không được thì dùng tạm cái code chatbox admin làm đây

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Chatbox</title><link rel="shortcut icon" type="image/x-icon" href="http://www.c3zone.net/users/2611/10/63/87/album/z310.gif" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="stylesheet" href="/13-ltr.css" type="text/css" /><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/17/frm/lang/vi.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
var params = '?archives=1';var smilies_sid = '';//]]></script><script src="http://illiweb.com/rs3/17/frm/chatbox/chatbox4.js" type="text/javascript"></script><style type="text/css">* {margin: 0px;padding: 0;}html, body {overflow: hidden;}body {background-color: #efefef;}</style></head><body onload="if(!connected){CB_disconnect();}ajax_refresh_chatbox('?archives=100', 1);" class="chatbox"><div id="chatbox_header"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td class="catBottom" nowrap="nowrap" height="30"><table border="0" width="100%"><tr><td nowrap="nowrap"><a href="/chatbox/index.forum" class="cattitle" target="chatbox"><strong>Chatbox</strong></a></td><td valign="top" class="chatbox-options"><div class="genmed" id="chatbox_main_options"><a href="javascript:void(0)" onclick="ajax_refresh_chatbox('?archives=1', 1);">Refresh</a> | <span id="chatbox_option_with_archives" style="display: none;"><a href="/chatbox/index.forum?archives=1">Archives</a> | </span><span id="chatbox_option_without_archives" style="display: ;"><a href="/chatbox/index.forum?archives">Without archives</a> | </span><span id="chatbox_option_autorefresh" style="display: none;" onclick="refresh_chatbox('?archives=1');"><label for="refresh_auto">Auto refresh </label><input type="checkbox" name="refresh_auto" id="refresh_auto" checked="checked" style="background: transparent;" /> | </span><a href="javascript:void(0)" onclick="CB_disconnect();"><span id="chatbox_option_co" style="display: ;"><strong>Đăng Nhập</strong></span><span id="chatbox_option_disco" style="display: none;">Thoát</span></a>  </div></td></tr></table></td></tr></table></div><div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10"></div><div id="chatbox"></div><div id="chatbox_footer" style="display: none;"><div id="chatbox_messenger"><form name="post" action="/chatbox/index.forum" method="post" onsubmit="submitmsg('?archives=1');refresh_chatbox('?archives=1');return false;"><table width="100%" cellspacing="0" cellpadding="0"><tr><td class="catBottom"><div id="chatbox_messenger_form"><table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable"><tr><td width="100%" align="right"><table cellspacing="2" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles" ><tr><td><div id="divbold" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sbold.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('bold');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sbold.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold" /></div></td><td><div id="divitalic" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sitalic.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('italic');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sitalic.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital." /></div></td><td><div id="divunderline" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sunderline.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('underline');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sunderline.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl." /></div></td><td><div id="divstrike" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sstrike.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('strike');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sstrike.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike" /></div></td><td width="10"> </td><td><div id="divcolor" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectcolor(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif" width="21" height="16" alt="Màu font" title="Màu font" /><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="16" alt="Màu font" title="Màu font" /><br /><img src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" id="show_color" alt="Màu font" title="Màu font" width="21" height="4" /></div></td><td><div id="divsmilies" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectsmilies(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng" /><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng" /></div></td><td width="10"> </td><td><input type="hidden" name="sbold" value="0"><input type="hidden" name="sitalic" value="0"><input type="hidden" name="sunderline" value="0"><input type="hidden" name="sstrike" value="0"><input type="hidden" name="scolor" id="scolor" value="#000000"><span class="gen" onclick="document.post.message.focus();"><label>Thông điệp : <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" onkeydown="number_of_refresh=0;" /></label> <input type="hidden" name="sent" value="" /><input type="submit" name="submit_button" value="Send" id="submit_button" />&nbsp;</span></td></tr></table></td></tr></table></div></td></tr></table></form></div></div><script type="text/javascript">//<![CDATA[
function ajax_connect(params, mode){if ( params == '' || params == undefined ){params = '?achives=0';}if (window.XMLHttpRequest){var http_request = new XMLHttpRequest();}else if (window.ActiveXObject){var http_request = new ActiveXObject("Microsoft.XMLHTTP");}http_request.onreadystatechange = function(){if (http_request.readyState == 4 && http_request.status == 200){var parsed_text = http_request.responseText;if ( parsed_text ){if ( mode == 'connect' ){document.getElementById('chatbox_option_co').style.display = 'none';document.getElementById('chatbox_option_disco').style.display = '';document.getElementById('refresh_auto').checked = true;document.getElementById('chatbox_option_autorefresh').style.display = '';document.getElementById('chatbox_messenger_form').style.display = '';document.getElementById('chatbox_footer').style.display = 'block';connected = 1;number_of_refresh = 0;}else if ( mode == 'disconnect' ){document.getElementById('chatbox_option_co').style.display = '';document.getElementById('chatbox_option_disco').style.display = 'none';document.getElementById('chatbox_option_autorefresh').style.display = 'none';document.getElementById('chatbox_messenger_form').style.display = 'none';document.getElementById('chatbox_footer').style.display = 'none';connected = 0;}refresh_chatbox(params);}}};http_request.open('GET', '/chatbox/chatbox_actions.forum' + params + '&mode=' + mode +my_getcookie('mytid').substr(my_getcookie('mytid').indexOf('&tid='),37), true);http_request.send(null);}function CB_disconnect(){if ( connected ){ajax_connect('?archives=1', 'disconnect');clearInterval(refresh_interval);}else{ajax_connect('?archives=1', 'connect');try {refresh_interval = setInterval("refresh_chatbox('?archives=1');", 5000);} catch (err) {}}}if ( document.location.href.indexOf('chatbox', 1) == -1 ){$('#divcolor').css('display', 'none');$('#divsmilies').css('display', 'none');}var connected = false;var chatbox_updated = 1310476693;var chatbox_last_update = 1310476693;var template_color = '#000000';var refresh_interval;window.setTimeout("document.getElementById('chatbox').scrollTop = 999999; Init_pref();", 200);window.setTimeout("document.getElementById('chatbox').scrollTop = 999999;", 1000);if ( connected ){try {refresh_interval = setInterval("refresh_chatbox('?archives=1');", 5000);} catch (err) {}}else{try {refresh_chatbox('?archives=1');} catch (err) { }}//]]></script></body></html>




Bước 3 : Lấy link trang html ở trên:
ví dụ link trang html của mình là
https://khoay2011.forumvi.com/h6-page

lấy link đó thay vào code dưới đây như admin làm. Rồi bỏ vào header hoặc đâu thì tùy.

bỏ vô header thì nó hiện khắp mọi topic nên vừa đọc topic vừa chat được nên rất tiện.

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFF ;z-index:10000; -moz-border-radius-bottomleft:25px;-moz-border-radius-topleft:25px;border-top: 3px #781A0C solid;border-left: 1px #781A0C solid;border-bottom: 3px #781A0C solid;color: #781A0C;padding-right: 5px;"><tr><td style="vertical-align: bottom;"><img src="http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png')?'block':'none';this.src=(this.src=='http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png')?'http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/clo.png':'http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png';"/></td><td> <script type="text/javascript">
jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);});
</script>
<iframe id="chatboxpop" src="/h6-page" scrolling="no" style="width: 1000px; height: 300px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe>  </td></tr></table>

Thay link vào chỗ /h6-page ấy, đoạn code trên do admin sửa lại của người ta, vừa ẩn hiện vừa tự động đăng nhập... thực ra Dk Hulken cũng chôm của người ta nhưng có công vọc lại.... nên ai copy phải giữ bản quyền cái vì đây là hàng hiếm.

Và đây là 2 đoạn code nguyên bản của người ta. Ai ghét cái chỉnh sửa của admin Dk Hulken và xài nó thấy bị lỗi thì dùng cái này.

Code Chatbox ẩn hiện bên trái.(muốn bên phải thì tự sửa lại thôi, cũng dễ)

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #FFF ;z-index:10000; -moz-border-radius-bottomleft:25px;-moz-border-radius-topleft:25px;border-top: 3px #781A0C solid;border-left: 1px #781A0C solid;border-bottom: 3px #781A0C solid;color: #781A0C;padding-right: 5px;"><tr><td style="vertical-align: bottom;"><img src="http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png')?'block':'none';this.src=(this.src=='http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png')?'http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/clo.png':'http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/ope.png';"/></td><td><iframe id="chatboxpop" src="/h6-page" scrolling="no" style="width: 1000px; height: 300px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr></table>

Còn đây là code tự động đăng nhập.

Code:

<script type="text/javascript">
jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);});
</script>
<iframe src="LINK TRANG HTML" scrolling="no" width="100%" height="340" style="border-width:0" marginwidth="0" marginheight="0"></iframe>

Lưu ý chỉ xài 1 trong 2 cái thôi, muốn kết hợp thì xài cái đầu tiên.

Lưu ý : TUT chỉ có tác dụng
khi sử dụng thanh menu (navigation bar) mặc định. nếu bạn dùng menu thủ
công thì chèn vào header đoạn này :

Code:

<div style="display:none">{GENERATED_NAV_BAR}</div>

bạn phải làm đầy đủ 3 bước.
lấy link trang html kia gắn vào iframe ở bước 3. rồi truy cập trang có iframe đó thì chatbox mới tự đăng nhập được.
nếu chỉ có trang html thì không thể tự đăng nhập vì đoạn script bên ngoài (ở bước 3) vẫn chưa được chạy.

Nếu bạn xài cái ẩn hiện mà không xài cái tự động đăng nhập thì có thể xài cái chatbox gốc /chatbox/index.forum

còn một lỗi hay gặp là khi copy paste đoạn code vào trang html, sau khi xác nhận thì thường bị lỗi biến $ thành & # 3 6; ( không có dấu cách vì viết dấu cách sẽ không hiển thị đúng)bạn chỉnh lại là được

Khi mở chatbox nếu không thấy nút chèn icon thì nhấp vào chữ Archive thì nó sẽ hiện ra.

Mở chatbox trong forumvi thì ai cũng biết làm rồi, admin cũng biết nhưng sau khi được nhiều mem than phiền cái nút đăng nhập chatbox làm sao cho nó tự động đăng nhập. ADMIN đã xem xét và tìm ra vấn đề

vào Display--> Templates --> Quản lý tổng thể --> index_body

truy lùng cái dòng code {CHATBOX_TOP}
sau đó chèn đoạn code này vào phía dưới:

Code:

<!-- BEGIN switch_user_logged_in -->
<script type="text/javascript">//<![CDATA[$('#frame_chatbox').load(function(){if($(this).contents().find('#chatbox_option_disco').css('display')=='none'){$(this).fadeOut(1000,function(){$(this)[0].contentWindow.CB_disconnect();$(this).fadeIn(1000);});};});//]]></script>
<!-- END switch_user_logged_in -->

Thế là xong, mỗi khi đăng nhập forum thì chatbox tự động đăng nhập theo

Nhưng cái này chỉ áp dụng cho chatbox top
Nguồn: các đàn anh IT chỉ dạy