BỘ GÕ TIẾNG VIỆT CHO FORUM (MUDIM, AVIM)

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:
[You must be registered and logged in to see this link.]

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 :
TRÍCH DẪN:
<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:
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>

Bộ gõ AVIM: Xem bài bên dưới

Tiêu đề: Bộ gõ AVIM Tue Jun 07, 2011 2:44 pm

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>

Demo:

Code:: http://skin4u.co.cc/index.htm
http://a1tinhgia3.co.cc/index.htm

Muốn đổi màu chữ thì sửa trong css nhé!!^^

» Hướng dẫn viết tiếng việt có dấu trong diễn đàn
» Dịch tên bạn (tiếng Việt) ra tiếng Anh, Trung, Nhật, Hàn ^^ (so hot)
» địa chỉ học tiếng trung?
» địa chỉ học tiếng trung?
» tìm lớp học tiếng Trung