Random Tooltips dùng file .js

Saokim999

- Đầu tiên bạn mở notepad soạn 1 đoạn script có nội dung như sau (Muốn đặt bao nhiêu tip cũng được nhé:

1. var mess = [];
2. mess.push('tip 01');
3. mess.push('tip 02');
4. mess.push('tip 03');
5. mess.push('tip 04');
6. mess.push('tip 05');
7. var num = Math.floor((Math.random() * mess.length));
8. document.writeln('<div class="tips"><b>Tips: <font color="#FF0000" face="Verdana" size="2">'+mess[num]+'</font></b></div>');

Sao chép mã

Save file này lại với tên tips.js. Upload vào thư mục clientscript.

Thay nội dung tip 01 02 thành nội dung bạn muốn hiện
- Vào Admin CP ~> Styles & Templates ~> Style Manager ~> Main CSS ~> Additional CSS Definitions thêm vào (Tùy chỉnh màu sắc tùy ý cho fù hợp với forum):

1. .tips {
2.         background: #e2f0ff;
3.         border: 1px dashed #569aff;
4.         padding: 4px;
5. }                                         

Sao chép mã

- Vào Header nhúng đoạn script này vào chỗ mà bạn muốn nó hiển thị lên thôi

1. <script type="text/javascript" src="clientscript/tips.js"></script>  

Sao chép mã

Demo: www.traitimyenbai.net
Ngay dưới logo đó ... lưu ý là khi viết có dấu trong file tips.js thì đặt bảng mã là Decima nhé
Có thể tham khảo file js của Trái Tim Yên Bái tại đây