Mô tả: TUT này sẽ giúp bạn chèn 1 bộ gõ trực tiếp lên forum để thành viên có thể gõ tiếng Việt mà không cần dùng chương trình hỗ trợ nào khác.

KT chung:
Cách upload file lên host
Cách vào CSS của forum

Các bước thực hiện:
Bước 1: Download file .js sau về Click here . Có thể dùng file đó luôn nhưng để chủ động bạn nên download về. Danh sách các file mới :

Code:


http://code.google.com/p/mudim/downloads/list

\Bước 2: Upload file vừa download đó lên 1 host cho hotlinking (fileave.com, webng, fileden v.v...)
Bước 3:Chúng ta sẽ có 1 link dạng [You must be registered and logged in to see this link.] , bạn đưa nguyên đường dẫn đó vào code sau :

Bước 4: Chèn vào overall_footer của template. Hoặc chèn cái đoạn code từ trang tạo script cho vào ACP>>Quản lý tổng thể>>Cấu hình diễn đàn>>Mô tả.
Trong suốt bộ gõ (c3zone)
Chèn vào CSS:

Code:


#mudimPanel {
  -moz-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#mudimPanel:hover {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}


Bộ gõ ẩn hiện (by

Code:


#mudimPanel {-webkit-transition: all 2s ease;-moz-transition: all 2s ease;background:#FFF url('http://c3zone.net/users/2611/10/63/87/album/go10.jpg') no-repeat right center!important;-moz-opacity: 0.9;opacity: 0.9;filter: alpha(opacity=90);bottom: 9px!important;left:-333px!important;width: 330px!important;height: 47px!important;padding: 4px 26px 4px 4px!important;font-size: 9px!important;font-weight:bold;vertical-align:middle;-moz-box-shadow: 5px 5px 5px #000;  -webkit-box-shadow: 5px 5px 5px #000;  box-shadow: 5px 5px 5px #000;}
#mudimPanel:hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);left:0!important}

Bộ gõ khác:

Code:


<script language=javascript1.2 type=text/javascript src=http://lamson.webng.com/Bogovn.js></script>

B1: Add code sau vào css

Code:

#AVIMRControl {
  background-image: url(http://vienit.com/forum/transparent.png);
  -moz-border-radius-bottomleft: 3px;
  -khtml-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -khtml-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border:1px solid #5b958e;
  top: 5px;
  left: 5px;
  position:fixed;
  text-align:left;
  width: 230px;
  z-index: 999;
}
body > #AVIMRControl {
  position: fixed;
}
#AVIMRControl input {
  margin: 0 0 0 9px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.AVIMRControl {
  float: left;
  padding: 0;
  margin: 0;
  color: #137e70;
  font-family:Verdana,Tahoma;
  font-size:10px;
  font-weight:bold;
  font-style: normal;
}
.AVIMRControl #separator {
  margin: 0 15px;
}
.AVIMRControl_r {
  float: right;
  padding-right: 9px;
}
.AVIMRControl_r a#AVIMRlink {
  color: #b62727;
  font-family:Verdana,Tahoma;
  font-size:10px;
  font-weight:bold;
  font-style: normal;
  text-decoration: none;
  cursor: pointer;
}

Bước 2 chèn code sau vào over_header

Code:


<script src="http://codeforum.googlecode.com/files/a1avimr.js" type="text/javascript"></script>