Tooltips cho website của bạn thêm đẹp và chuyên nghiệp hơn

October 8, 2008 by admin  
Filed under Web, Xtremedia

Chào các bạn, thấy mọi người hỏi nhiều nay mình MegaShare Hosting là gói dịch vụ web hosting chuyên nghiệp có máy chủ đặt tại Việt Nam với đường truyền tốc độ cao, tài nguyên lớn phục vụ chuyên về lưu trữ và chia sẻ.”, “style=\”background: #FFFFCC;padding: 2px;font-size: 10px;\”");” onmouseout=”GAL_hidepopup();”>share Mod này
Demo: http://netviet.tvhttp://media.bestlife.com.vn
Các bạn hack theo nhé:
1. Tooltips cho Nhạc được xem nhiều
Mở file top_play.html
và thay code trong đó bằng code sau:

 

HTML Code:

<!--Mod By:  Media.BestLife.Com.Vn - wWw.NetViet.Tv - The Best Media Of Vietnam --><table width=100% cellpadding=2 cellspacing=2 class=border>

<tr><td class=title_l align=center>:: Nghe nhiều tháng {top.MONTH} ::</td></tr>

<tr><td>

<!-- BEGIN top_play -->

<!-- #BEGIN top_play.row -->

<div style="background-color:#FBFBFB;border-bottom: 2px solid #FFF">{song.NUMBER}. <a onMouseover="ddrivetip('<b>{song.FULLTITLE}</b>')" onMouseout="hideddrivetip()" href={song.URL}>{song.TITLE}</a></div>

<!-- #END top_play.row -->

<!-- END top_play -->

</td></tr>

</table>

Xong lưu file này lại
2. Muốn có tooptips cho các file còn lại các bạn làm tương tự như vậy cho các file:
- newest.html : Top nhạc mới
- top_download.html : Top nhạc được tải nhiều
3. Mờ file main.html và thêm đoạn này vào trước thẻ </head>

 

HTML Code:

<link rel="STYLESHEET" type="text/css" href="{TPL_LINK}/style_tooltips.css"><script language="javascript1.2" src='js/tooltips.js'></script>

Xong lưa lại file này.
4. Up file tooltips.js vào thư mục js ngang hành với file index.php
và file style_tooltips.css vào thư mục chứa giao diện của bạn template/skincuaban

Vậy là xong rồi đấy
Chú ý: mình chỉ hướng dẫn làm cho một file top_play.html đối với các file còn lại các bạn làm tương tự như vậy.
Chúc các bạn thành công và có một web site đẹp

Share/Save/Bookmark

Bài viết liên quan

  • Winsor Pilates

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!