Phong Điền School

Phong Điền School
 
Trang ChínhTrang Chính  ShopShop  CalendarCalendar  GalleryGallery  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  
Latest topics
» Share Skin Teen Click
Sat Mar 14, 2015 2:09 pm by lilkhangvn

» Tối Hậu Thư
Sun Sep 09, 2012 12:38 am by bad_boy

»  [Skin]Share skin 8xStudio v3
Tue Jul 10, 2012 2:26 am by kenbi05

» 9.Skin Hihihehe
Tue Jul 10, 2012 2:25 am by kenbi05

»  Share Skin Win Vista
Wed Feb 29, 2012 7:35 pm by than_chet09

» [ĐH] BĐT trong tam giác
Mon Nov 14, 2011 1:19 pm by dinhcu_vip

» Khai Trương Shop Online Cho Forumotion
Sun Nov 06, 2011 1:52 pm by Admin

»  [Share] nhtera_noel_ipskin
Thu Oct 13, 2011 8:04 am by thanthongquandai

»  [share] Skin Hiphop rất đẹp(có banner trống)
Sun Oct 02, 2011 1:10 pm by pkbn

» share skin skin4u.co.cc
Sun Oct 02, 2011 1:09 pm by pkbn

» Stop Stop stop
Fri Sep 30, 2011 3:26 pm by Admin

» Anh Hải ơi! cho em hỏi?
Wed Sep 14, 2011 9:27 pm by cingau

» [ New ] 11A2 THPT Tam Giang
Tue Aug 30, 2011 2:26 pm by vintra_1101

» Chao các bạn rất vui đc lam quen
Tue Aug 30, 2011 2:20 pm by vintra_1101

»  [Share] Skin Teen 888
Mon May 16, 2011 2:44 pm by k2teen

» Xe tay ga BMW Concept C xuất hiện ở Mỹ
Tue May 03, 2011 5:35 pm by Admin

» 'Chim ưng' Suzuki Hayabusa 2011 đầu tiên tại Việt Nam
Tue May 03, 2011 5:34 pm by Admin

» Mai Phương Thúy từng khiến C.Ronaldo 'tròn mắt'
Fri Apr 29, 2011 6:56 pm by Admin

» SIêu Phẩm Xuân Này Con Không Về
Fri Apr 29, 2011 11:25 am by Admin

» Yamaha Exciter 2011 trình làng
Tue Apr 26, 2011 6:50 pm by Admin

» Thăm mộ cha sau thảm họa sóng thần
Sun Apr 24, 2011 7:36 pm by Admin


Share | 

 

 [chia sẻ] Chatbox style VBB

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Wed Nov 10, 2010 10:16 pm

avatar

Admin

Admin

Admin

Xem lý lịch thành viên http://phongdienit.co.cc
Giới tính : Nam
Tổng Số Bài Viết Tổng Số Bài Viết : 302
Tiền Tiền : 812
Số Lần Cảm Ơn Số Lần Cảm Ơn : 15
Birthday Birthday : 05/07/1995
Ngày Tham Gia Ngày Tham Gia : 12/04/2010
Tuổi Tuổi : 22
Đến từ Đến từ : Khánh Mỹ-Phong Điền-Thừa Thiên Huế

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

 
Chatbox
1. vào css thay toàn bộ 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:
Code:
//var params = '?archives=1';var smilies_sid = '';//]]>* {margin: 0px;padding: 0;}html, body {overflow: hidden;}body {background-color: #ffffff;}


<div id="chatbox_header"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="forumline" style="padding: 0px;" valign="top" height="30" nowrap="nowrap"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>[td align="center" valign="top" width="80px" height="30" nowrap="nowrap"][url=http://www.phongdienit.co.cc/javascript:void(0)][color=#FFFFFF][font=Tahoma][img]http://illiweb.com/fa/pbucket.gif[/img][/font][/color][/url][/td]<td class="forumline" style="" height="25" nowrap="nowrap"><table border="0" width="100%"><tr>[td style="color: rgb(0, 0, 0); padding-top: 2px; padding-left: 10px; width: 17%;" class="forumline" valign="top"][size=9][color=red][b]Notice:[/b][/color][/size][/td]<td style="color: rgb(0, 0, 0); padding-left: 1px;" class="forumline">


 v_content=[['','[color=red][b]Các bài viết không dấu + post sai sẽ bị xóa ngay lập tức[/b][/color]','_parent'], ['','[color=red][b]Nghiêm cấm nói tục, chửi bậy, đưa link bậy bạ lên Shoutbox![/b][/color]','_parent'], ['','[color=red][b]Phải sử dụng tiếng việt có dấu toàn diễn đàn[/b][/color]','_parent'],['','[color=red][b]Cấm đả kích các thành viên khác trên Shoutbox![/b][/color]','_parent']]; // === 1 === FONT, COLORS, EXTRAS...
v_font='verdana';
v_fontSize='12px';
v_fontSizeNS4='12px';
v_fontWeight='normal';
v_fontColor='#000000';
v_textDecoration='none';
v_fontColorHover='#333333';//      | won't work
v_textDecorationHover='none';//   | in Netscape4
v_bgColor='transparent';
// set [='transparent'] for transparent
// set [='url(image_source)'] for image
v_top=-13
v_left=0;//   | defining
v_width=400;//   | the box
v_height=14;//   |
v_paddingTop=-10;
v_paddingLeft=0;
v_position='relative';// absolute/relative
v_timeout=4000;//1000 = 1 second
v_slideSpeed=1;
v_slideDirection=0;//0=down-up;1=up-down
v_pauseOnMouseOver=true;
// v2.2+ new below
v_slideStep=3;//pixels
v_textAlign='center';// left/center/right
v_textVAlign='middle';// top/middle/bottom - won't work in Netscape4

// === 2 === THE CONTENT - ['href','text','target']
// Use '' for href to have no link item
v_content = v_content;
// ===
v_ua=navigator.userAgent;v_nS4=document.layers?1:0;v_iE=document.all&&!window.innerWidth&&v_ua.indexOf("MSIE")!=-1?1:0;v_oP=v_ua.indexOf("Opera")!=-1&&document.clear?1:0;v_oP7=v_oP&&document.appendChild?1:0;v_oP4=v_ua.indexOf("Opera")!=-1&&!document.clear;v_kN=v_ua.indexOf("Konqueror")!=-1&&parseFloat(v_ua.substring(v_ua.indexOf("Konqueror/")+10))1)v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}o.top=(parseInt(o.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d?parseInt(o.top)-v_slideStep*v_d+px:v_paddingTop+px;if(v_oP&&o.visibility.toLowerCase()!="visible")o.visibility="visible";setTimeout("v_start()",v_slideSpeed)};function v_slide(){var o,o2,px;o=v_getOS("v_"+v_cur);o2=v_getOS("v_"+(v_cur
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??
Code:
{$('#divcolor').css('display');$('#divsmilies').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:

link của trang html" height="440" width="100%" frameborder="0">
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ả
lưu ý: up lại toàn bộ link ảnh và file .js
demo: http://a1tinhgia3.co.cc/index.htm
Bài viết được viết bởi thuan007 và có sử dụng code của Kền Kền Trắng

Tài Sản Admin

:

 

[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

Permissions in this forum:Bạn không có quyền trả lời bài viết
Phong Điền School :: Chuyện Bên Lề :: Code, Javascript, HTML, CSS-

Powered by PhPbB® Version 2.0
Copyright ©2000 - 2011, Forumotion.
AdamZone 2011 SKIN - A1Rip by Ligerv
Cơ quan chủ quản: Trung tâm sáng kiến sức khỏe và dân số (CCIHP)
Trang xem tốt trên trình duyệt FF,Chrome, IE7 trở lên
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a free blog