Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.



 
Trang ChínhTrang Chính  Latest imagesLatest images  Tìm kiếmTìm kiế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
avatar
Admin
Tước hiệu
Status
baclieu

[chia sẻ] Chatbox  style VBB Th_25
Nam
Tổng số bài gửi : 118
Join date : 10/06/2010
Đến từ : baclieu
status : baclieu
» Trạng Thái:

[chia sẻ] Chatbox  style VBB Vide

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

_________________________________________________________________________________________________________________
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
avatar
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 : 30
Đến từ : sứ sở cà fê
status : yêu thương cuộc sống................
» Trạng Thái:

[chia sẻ] Chatbox  style VBB Vide

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

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

Chữ Ký


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

[chia sẻ] Chatbox  style VBB Th_o
Tổng số bài gửi : 4
Join date : 29/07/2010
» Trạng Thái:

[chia sẻ] Chatbox  style VBB Vide

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

_________________________________________________________________________________________________________________
[chia sẻ] Chatbox  style VBB 716911

Chữ Ký


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

[chia sẻ] Chatbox  style VBB Th_o
Tổng số bài gửi : 3
Join date : 09/08/2010
» Trạng Thái:

[chia sẻ] Chatbox  style VBB Vide

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

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

Chữ Ký


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

[chia sẻ] Chatbox  style VBB Th_o
Tổng số bài gửi : 1
Join date : 01/01/2011
» Trạng Thái:

[chia sẻ] Chatbox  style VBB Vide

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

_________________________________________________________________________________________________________________
tks

Chữ Ký


Sponsored content
Tước hiệu
Status

» Trạng Thái:

[chia sẻ] Chatbox  style VBB Vide

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