Admin
Giới tính :
|
Số bài gửi : 388
|
Coin : 19505
|
Đến từ : Việt Nam
|
Tài sản :
|
| Mon Jan 10, 2011 8:07 pm Tiêu đề: [Thủ thuật] Cách làm thanh điều hướng ở dưới trang web giống diễn đàn | |
| | | | | Hôm nay, mình sẽ hướng dẫn mọi người cách để làm 1 thanh điều hướng như ở dưới diễn đàn! Trước tiên, chèn đoạn code sau vào giữa 2 thẻ <body> và </body> - Code:
-
<script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script> <div style="position:fixed; width: 100%; height: 18px; z-index: 0; left: 0; bottom: 0; border-top: 1px solid #C0C0C0; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #fdff94; font-color:scarlet ; font-family:tahoma;font-size:10pt;font-weight:bold;" id="Toolbar"> <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/index.htm">Diễn đàn</a> | <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/html-h4.htm">Cửa hàng</a> | <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/memberlist.forum">Thành viên</a> | <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/calendar.htm">Lịch </a>| <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/html-h8.htm">Game ngẫu nhiên</a> | <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/html-h18.htm">Nghe nhạc</a> | <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/search.forum">Tìm kiếm</a> | <a target="_blank" href="http://www.diendan.khamphakhoahoc.tk/faq.htm">Hỏi đáp</a></div> Sửa lại link cho phù hợp với website của bạn. Tiếp theo, bạn chèn code sau vào file css của website bạn. - Code:
-
#Toolbar { font-family: tahoma; font-size: 10pt; font-weight: bold; color: #db0000; text-decoration: none; } #Toolbar A{ font-family: tahoma; font-size: 10pt; font-weight: bold; color: #db0000; text-decoration: none; } #Toolbar A:hover{ font-family: tahoma; font-size: 10pt; font-weight: bold; color: #0000FF; text-decoration: underline; } Nếu không có file css thì bạn chèn trực tiếp code sau vào website của bạn: - Code:
-
<style type="text/css"> #Toolbar { font-family: tahoma; font-size: 10pt; font-weight: bold; color: #db0000; text-decoration: none; } #Toolbar A{ font-family: tahoma; font-size: 10pt; font-weight: bold; color: #db0000; text-decoration: none; } #Toolbar A:hover{ font-family: tahoma; font-size: 10pt; font-weight: bold; color: #0000FF; text-decoration: underline; } </style> Vậy là xong! | | | | |
|
|