Bài Mới Nhất | Gửi SMS miễn phí | Code ZB | Hỏi Đáp ZB | Chit Chat | Thủ Thuật Blog| Up Hình & TL | Giải Trí |
Welcome Guest [Log In] [Register]


Add Reply
[TOPmastermind] Chatbox Built-in của ZB Việt Hóa pro như VBB
Topic Started: 17/12/2010 - 01:35 pm (7,356 Views)
TOPmastermind


D: D: D: Posted Image

Lần đầu tiên post bài lên TTHL :) Đóng góp cho diễn đàn tý vậy. Bác nào thấy hay thì bảo luôn để em còn post cái Code lên nhé.
Cái này là Chatbox Built-in của Zetaboards luôn đấy. Khỏi phải dùng Shout X với cả cái gì gì đấy lằng nhằng... D: D:


Chatbox này mình sử dụng những code sau:
1- Code chat box lưu được nhiều tin nhắn hơn( Chèn vào Above the board)
Code:
 
<script type="text/javascript">
$(function() {
if ($("#shoutbox").html()) {
$("#shoutrefresh").unbind("click").click(function(e) {
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
MoarShoutsR();
});

$("#shoutpost").unbind("submit").submit(function(e) {
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
var msg = $("input[name=shouttext]").val();
var xc = $("#shoutxss").val();
$.post(main_url+"tasks/",{"task":9,"msg":msg,"xc":xc},function(data) { MoarShoutsS(data);},"json");
});

MoarShoutsR();
}
});

var MoarShout;
function MoarShoutsR() {
$.get(main_url+"stats/shout_archive",function(d) {
MoarShout = "";
$("#sbx_archive tbody tr",d).not(":has('th')").each(function(i) {
if (i>-1&&i<[color=#ee4a2d]50[/color]) {
MoarShout = MoarShout + "<li><dl><dt>"+$(this).children('td:eq(0)').children('small').html()+"</dt><dd><a class='member' href='"+$(this).children('td:eq(0)').children('a.member').attr('href')+"'>"+$(this).children('td:eq(0)').children('a.member').html()+"</a>: "+$(this).children('td:eq(1)').html()+"</dd></dl></li>";
}
});
$("#shoutbox").html(MoarShout);
$("#shoutbox li:odd").addClass("odd");
MoarShoutsD();
});
}

function MoarShoutsS(json) {
if (json.error) {
alert(json.error);
} else {
$("input[name=shouttext]").val("");
MoarShoutsR();
}
}

function MoarShoutsD() {
$("a[href="+main_url+"stats/shout_archive/]:contains(\(X\))").each(function() {
if ($(this).attr("onclick")) {
$(this).attr("onclick").toString().match(/\((\d*?)\)/);
var id = RegExp.$1;
$(this).unbind("click").removeAttr("onclick").click(function(e) {
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
var xc = $("#shoutxss").val();
$.post(main_url+"tasks/",{"task":10,"id":id,"xc":xc},function(data) {
if (data.error) {
alert(data.error);
} else {
MoarShoutsR();
}
});
});;
}
});
}
</script>


Có thể thay số 50 bằng 1 giá trị nào đó tùy bạn, đó chính là số tin nhắn mà chatbox có thể lưu.

2-Code chuyển giao diện Chatbox, thay vì ô nhập chữ nằm bên phải thì bây giờ chuyển sang nằm ngang ở dưới( code này search trong diễn đàn sẽ có)
3-Code Việt hóa( tự nghiên cứu :1: )( Code này chèn vào Above the copyright nhé)
Code:
 
<script type='text/javascript' src='http://z4.ifrm.com/30094/17/0/f5090330/TOPmastermindChatbox.js'></script>


Xong phần code, tiếp theo là đến phần background cho chatbox. Cái này phải sử dụng CSS. Chỉnh sửa trong theme appearance của bạn như sau
Code:
 

#shoutbox {
background:url([color=#ee4a2d]http://z4.ifrm.com/30094/17/0/f5088389/Bancopy.jpg[/color]) no-repeat right top;
height:300px!important;

list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding:6px 5px;
}

#shoutbox li.odd {}


Phần link ảnh các bạn có thể thay bằng ảnh khác, tùy ý. Chú ý kích cỡ ảnh. Ở đây mình để chiều cao của nó là 300px.

Have fun :D
Edited by TOPmastermind, 18/12/2010 - 11:57 am.
Offline Profile Quote Post Goto Top
 
cong_tu_cb


pos lên đi bạn
Offline Profile Quote Post Goto Top
 
TOPmastermind


Đây là code Việt hóa. Chèn vào ATC nhé. :d1: :d1: :d1:
Code:
 
<script type='text/javascript' src='http://z4.ifrm.com/30094/17/0/f5090330/TOPmastermindChatbox.js'></script>


Bạn nào cần cái hình nền cho Chatbox như thế kia ko? Để mình hướng dẫn
Edited by TOPmastermind, 17/12/2010 - 02:16 pm.
Offline Profile Quote Post Goto Top
 
wind2115


chèn vào chả thấy gì hết :ec:
Kết nối cộng đồng - Chia sẻ kiến thức
http://TeenVatLy.Net
Offline Profile Quote Post Goto Top
 
wind2115


ak quên, hóa ra là code việt hóa, srrr
Kết nối cộng đồng - Chia sẻ kiến thức
http://TeenVatLy.Net
Offline Profile Quote Post Goto Top
 
TOPmastermind


:) Ban có cần code tạo background, code tăng chiều cao cho Chatbox và code Chatbox lưu được 50 dòng chat như thế kia ko?
Offline Profile Quote Post Goto Top
 
wind2115


Quá cần ấy chứ :d
Kết nối cộng đồng - Chia sẻ kiến thức
http://TeenVatLy.Net
Offline Profile Quote Post Goto Top
 
Juscavali


HD lun đi bà :) :) :) :) :)
Offline Profile Quote Post Goto Top
 
alobabyday
Member Avatar


TOPmastermind
17/12/2010 - 01:35 pm
D: D: D: Posted Image

Lần đầu tiên post bài lên TTHL :) Đóng góp cho diễn đàn tý vậy. Bác nào thấy hay thì bảo luôn để em còn post cái Code lên nhé.
Cái này là Chatbox Built-in của Zetaboards luôn đấy. Khỏi phải dùng Shout X với cả cái gì gì đấy lằng nhằng... D: D:
uhm kô bít có = cái chatbox KIa của mình không nữa


cho xin link 4rum nào. y/h nữa

y/h : alobabydey =))
NGuy hiểm quá
:2: :ec: :ec: :ec: :ec:
Edited by alobabyday, 17/12/2010 - 09:32 pm.
hscampha.tkPosted Imagey/h:alobabydey
Offline Profile Quote Post Goto Top
 
TOPmastermind


Sorry các bác hôm nay đi học từ chiều đến tối lại đi chơi, giờ mới về post code lên :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Tphượt cẩm nang · Next Topic »
Add Reply




Xem tốt nhất trên các trình duyệt FireFox hoặc Google Chrome ở độ phân giải 1024 x 768 pixels.
Diễn đàn là một hệ thống mở, chúng tôi sẽ không chịu trách nhiệm về nội dung đăng tải do người dùng đưa lên.