<li>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.
</li><li>KT chung:
Cách upload file lên host
Cách vào CSS của forum
</li>Các bước thực hiện:
<li>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 :</li>

Code:

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

<li>
<li>Bước 2: Upload file vừa download đó lên 1 host cho hotlinking (fileave.com, webng, fileden v.v...)
</li>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 :

Code:

<script src="Đường dẫn/mudim.js"></script>

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ả.
NÂNG CAO:</li><li>[quote]Trong suốt bộ gõ (c3zone)
Chèn vào CSS:</li><li>

Code:

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

</li>Bộ gõ ẩn hiện (by [You must be registered and logged in to see this image.])

Code:

[/b]

#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]Bộ gõ khác:

• Demo :
  
  [You must be registered and logged in to see this link.]
• Code (chèn vào CSS):
  

• Code:

  #mudimPanel
 {-moz-opacity: 0.4;opacity: 0.4;filter: alpha(opacity=40);top:
5px!important;left: 5px!important;width: 330px!important;height:
47px!important;background-color:#FFF!important;padding:
4px!important;font-size:
9px!important;font-weight:bold;vertical-align:middle;}
#mudimPanel:hover { -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70);}

• Tùy chỉnh:
  top hoặc bottom - phía trên hoặc phía dưới trang left hoặc right - bên phải hay bên trái trang.
  5px : khoảng cách đến phía trên hoặc phía dưới, bên phải hay bên trái trang.
  width: 330px và height: 47px: chiều rộng và chiều cao của khung
  font-size: 9px cỡ chữ.
  background-color:#FFF : màu nền, nếu xoá sẽ trở thành màu vàng nhạt như mudim mặc định
  
• Chú ý : không được bỏ !important ở bất kì thuộc tính nào.