Cách làm: Đầu tiên làm gọn bảng mudim và di chuyển nó như hướng dẫn phía trên.
- Sửa các thuộc tính của id mudimPanel.
- Vào CSS tìm #mudimPanel
- Sửa thuộc tính background để thêm ảnh "Bộ gõ" vào khung điều khiển bộ gõ.
Ở đây mình sử dụng ảnh này
background:#FFF url('http://dl.dropbox.com/u/24716029/images/bogo.jpg') no-repeat right center!important; - Tiếp đó sửa thuộc tính padding cho nội dung bên trong không đè lên ảnh nền phía trên:
padding: 4px 26px 4px 4px!important; - Đặt thuộc tính left là -333 để khung điều khiển bộ gõ thụt vào bên trong.
left:-333px!important;
left:0!important;
Code hoàn chỉnh - Chèn vào CSS:
- Code:
/* Bo go trong suot va an hien */
#mudimPanel {
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;
background: white url('http://dl.dropbox.com/u/24716029/images/bogo.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 black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}
#mudimPanel:hover {
-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);
left:0!important;
}
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.
Trong overall_footer_end, chèn script trước /body hoặc template khác cũng được
- Code:
<script src=http://mudim.googlecode.com/files/mudim-0.8-r153.js></script>
Với phpBB3 và Invision, js này có thể đưa vào phần mô tả trong Thiết Lập Tổng Quát Diễn Đàn.