Trang ChínhTrang Chính  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng Nhập  


[chia sẻ] Chatbox style VBBXem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Fri Jul 30, 2010 9:13 pm
Admin
Tước hiệu
Status
baclieu


Nam
Tổng số bài gửi : 118
Join date : 10/06/2010
Đến từ : baclieu
status : baclieu
» Trạng Thái:

Bài gửiTiêu đề: [chia sẻ] Chatbox style VBB
Xem lý lịch thành viên

_________________________________________________________________________________________________________________
Chatbox
1. vào (ACP>>Display>>Colors>>CSS) thay toàn bộ (ACP>>Display>>Colors>>CSS) của chatbox bằng đoạn
Code:
/* Chatbox-------------------------------------------------------------*/
body.chatbox {
  padding: 1px 1px 1px 1px;
  margin: 0;
  background-color: #ffffff;
background-image: none;
font: nomal 11px Tahoma;

  }
#chatbox_header {
  height: 33px;
  }
#chatbox_header.main-head {
  color: #dedfdf;
  background-color: #1f537b;
  }
.chatbox-title,.chatbox-title a.chat-title {
  color: #dedfdf;
  text-decoration: none;
  }
.chatbox-title {
  float: left;
  margin: 0;
  padding: 2px 5px 0 5px;
  width: 15em;
  }
.chatbox-options {
  float: right;
  list-style: none;
  font-size: 11px;
  margin: 0.7em 0.5em 0.5em 0.5em;
  }
.chatbox-options li {
  display:inline;
  }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
  color: #dedfdf;
  }
#chatbox_members {
  position: absolute;
  top: 44px;
  bottom: 60px;
  width: 168px;
  overflow: auto;
        padding: 1px;
border: 1px #00000 dashed;
  }
#chatbox_messenger_form {
  margin: 10px 0 0 0;
  }
#chatbox_members .member-title {
  text-align: center;
  padding: 7px;
  font-size: 12px;
  background: #fff url(http://a1tinhgia3.co.cc/users/2211/12/43/96/album/cat11010.gif) no-repeat top center;
  color : #00569c;
  font-family: Tahoma;

  }
#chatbox_members ul {
  list-style: none;
font-family: Tahoma;
font-size: 12px;
  }
#chatbox_members ul li {
margin: 0 2px 0 0;
padding-left: 8px;
padding-bottom: 1px;
padding-top: 1px;
background-color: #; 
font-family: Tahoma;
font-size: 12px;
border-left: 6px #6699ff solid;
border-top: 1px #ff69b4 dashed;
border-bottom: 1px #ff69b4 dashed;
border-right: 1px #ff69b4 solid;
}

#chatbox {
font-family: Tahoma;
font-size: 12px;
  position: absolute;
  top: 44px;
  left: 181px;
  right: 1px;
  bottom: 60px;
  overflow: auto;
  line-height: 10px;
background: #fff url(http://a1tinhgia3.co.cc/users/2211/12/43/96/album/konoib10.gif) no-repeat top right;
  }
#chatbox p {
  line-height: 1.2em;
  }
.chatbox_row_1 {
  padding: 8px;
  background-color: #;
padding: 2px;
color: #ff0000;
font-family: Tahoma;
font-size: 12px;
  }
.chatbox_row_2 {
  padding: 8px;
  background-color: #;
border-top: 0px;
border-bottom: 0px;
padding: 2px;
color: #2b8bc7;
font-family: Tahoma;
font-size: 12px;
  }
.chatbox_row_3 {
  padding: 8px;
  background-color: #;
padding: 2px;
color: #ff0000;
font-family: Tahoma;
font-size: 12px;
  }
#chatbox .user {
  font-weight: bold;
  }
.memberlist_row_1 {
  background-color: #fbfbfb;
  }
#chatbox_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  }
#message,#submit_button{
  border-width: 1px;
  }
.fontbutton {
  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {
  background: #E1E1E2;
  }
.fontbutton_selected {
  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {
  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {
  background: #E1E1E2;
  border: 1px solid #22229C;
  }
.fontbutton {
  background:#E1E1E2 none repeat scroll 0%;
  border:medium none;
  color:#030303;
  float:left;
  margin-right:10px;
  padding:1px;
  }

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
* html #chatbox {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
  }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
  }
#chatbox_contextmenu {
  border: 2px solid black;
  background-color: #f4f9fd;
  }
#chatbox_contextmenu p {
  margin:0;
  padding: 1px 4px;
  font-family: Tahoma;
  background: #fbfbfb;
  border-bottom:1px solid #777;
  }
#chatbox_contextmenu p.hover {
  background: #f4f4f4;
  }
#chatbox_contextmenu p.close {
  padding: 1px;
  font-size: 95%;
  color:#fff;
  background: url('');
  }
#chatbox_contextmenu p.close img {
  vertical-align: middle;
  padding-left: 20px;
  }
#chatbox_contextmenu a {
  color: #00569c;
    text-decoration: none;
    font-size: 95%;
  }
#chatbox_contextmenu a:hover {
  color: ;
  }
2. ACP>>module>>html>>QLTT>>Tạo 1 trang html rồi paste code này vào :

[You must be registered and logged in to see this image.]
[size=200]Các bạn chú ý nhé!! trong đoạn html Chatbox tớ đưa, sau khi paste vào và submit thì các bạn kiểm tra lại chỗ này thật chính xác chưa?? [size]
Code:
{$('#divcolor').(ACP>>Display>>Colors>>CSS)('display');$('#divsmilies').(ACP>>Display>>Colors>>CSS)('display');}

vì đôi khi lỗi paste code vào nó mất đi cái "$"
3. Activate chatbox nhưng không cho nó hiện.
sau đó sử dụng iframe mà chèn(tức là vào module>>chatbox>>cấu hình>> activate chọn có và do not display.
sau đó dùng iframe:

<iframe src="link của trang html" height="440" width="100%" frameborder="0"></iframe>
chèn vào trước {CHATBOX_TOP} trong index_body):
thế là xong!! các bạn có thể thưởng thức thành quả hehe
lưu ý: up lại toàn bộ link ảnh và file .js
demo: [You must be registered and logged in to see this link.]
Bài viết được viết bởi thuan007 và có sử dụng code của vk và Kền Kền Trắng

trả lời để thấy code nhé!!
nguồn : chinhphuc.info

Chữ Ký


Sat Jul 31, 2010 9:08 am
pemom
Tước hiệuS-Mod
Status
yêu thương cuộc sống................

S-Mod
Nữ
Tổng số bài gửi : 106
Join date : 29/07/2010
Age : 24
Đến từ : sứ sở cà fê
status : yêu thương cuộc sống................
» Trạng Thái:

Bài gửiTiêu đề: Re: [chia sẻ] Chatbox style VBB
Xem lý lịch thành viên http://timfan.com

_________________________________________________________________________________________________________________
tem....tem....tem.....

Chữ Ký


Sat Jul 31, 2010 5:30 pm
asakuraqwe02
Tước hiệu
Status


Tổng số bài gửi : 4
Join date : 29/07/2010
» Trạng Thái:

Bài gửiTiêu đề: Re: [chia sẻ] Chatbox style VBB
Xem lý lịch thành viên

_________________________________________________________________________________________________________________

Chữ Ký


Mon Aug 09, 2010 3:44 am
avatar
Park_crin
Tước hiệu
Status


Tổng số bài gửi : 3
Join date : 09/08/2010
» Trạng Thái:

Bài gửiTiêu đề: Re: [chia sẻ] Chatbox style VBB
Xem lý lịch thành viên

_________________________________________________________________________________________________________________
edit by ken
Lý do : ăn nói tt

Chữ Ký


Sat Jan 01, 2011 9:16 am
avatar
[H]ip [L]ove
Tước hiệu
Status


Tổng số bài gửi : 1
Join date : 01/01/2011
» Trạng Thái:

Bài gửiTiêu đề: Re: [chia sẻ] Chatbox style VBB
Xem lý lịch thành viên

_________________________________________________________________________________________________________________
tks

Chữ Ký


Sponsored content
Tước hiệu
Status

» Trạng Thái:

Bài gửiTiêu đề: Re: [chia sẻ] Chatbox style VBB

_________________________________________________________________________________________________________________

Chữ Ký


[chia sẻ] Chatbox style VBB

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.

Permissions in this forum:Bạn không có quyền trả lời bài viết
 :: [B]ox [C]ông [N]ghệ :: [W]eb vs [F]orum-

Liên Lạc -c3zone -RSS -Trở Lên Trên