Mini mod Menu thả xuống khi rê chuột

**Dunglx** · 01-07-2011, 05:51 PM

Hướng dẫn sử dụng:

Bạn tải file JS ở file đính kèm về và upload vào thư mục clientscript

Sau đó bạn vào Admincp => Styles & Templates => chọn Style bạn cần sửa => chọn templates headinclude

Chèn đoạn này vào dưới cuối:

Code:

<style type="text/css">
@charset "utf-8";
#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active    {color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}
</style>
<script src="clientscript/mmenu.js" type="text/javascript"></script>

Save lại.

Bạn mở templates FORUMHOME ra và chèn đoạn này dưới thẻ <body>

Code:

<script src="clientscript/mmenu.js" type="text/javascript"></script>
<script type="text/javascript">
/***********************************************
* Omni Slide Menu script - Â© John Davenport Scheuer
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
* as first mentioned in http://www.dynamicdrive.com/forums
* username:jscheuer1
***********************************************/

//One global variable to set, use true if you want the menus to reinit when the user changes text size (recommended):
resizereinit=true;

menu[2] = {  // REQUIRED!!  This menu explicitly declares all available options even if they are the same as the defaults
id:'menu2', //use unique quoted id (quoted) REQUIRED!!
/////////////////////////////////////
///////////// no quotes for these properties (numbers represent pixels unless otherwise noted): ////////////
/////////////////////////////////////
user_defined_stylesheet:false, //if true, prevents script from generating stylesheet for this menu
user_defined_markup:false, //if true, prevents script from generating markup for this menu
design_mode:false,  //if true, generates a report of the script generated/intended styles and markup (as a design aid)
menutop:160,     // initial top offset - except for top menu, where it is meaningless
menuleft:'45%',    // initial left offset - only for top menu, as pixels (can be a quoted percentage - ex: '50%')
keepinview:80,   // Use false (for not static) - OR - true or numeric top offset when page scrolls
menuspeed:20,    // Speed of menu sliding smaller is faster (interval of milliseconds)
menupause:500,   // How long menu stays out when mouse leaves it (in milliseconds)
d_colspan:3,     // Available columns in menu body as integer
allowtransparent:false, // true to allow page to show through menu if other bg's are transparent or border has gaps
barwidth:20,     // bar (the vertical cell) width
wrapbar:true,    // extend and wrap bar below menu for a more solid look (default false) - will revert to false for top menu
hdingwidth:210,  // heading - non linked horizontal cells width
hdingheight:25,  // heading - non linked horizontal cells height
hdingindent:1,   // heading - non linked horizontal cells text-indent represents ex units (@8 pixels decimals allowed)
linkheight:20,   // linked horizontal cells height
linktopad:3,     // linked horizontal cells top padding
borderwidth:2,   // inner border-width used for this menu
/////////////////////////// quote these properties: /////////////////////
bordercolor:'#FF0000', // inner border color
borderstyle:'solid',    // inner border style (solid, dashed, inset, etc.)
outbrdwidth:'0ex 0ex 0ex 0ex', // outer border-width used for this menu (top right bottom left)
outbrdcolor:'lightblue',  // outer border color
outbrdstyle:'solid',     // outer border style (solid, dashed, inset, etc.)
barcolor:'white',        // bar (the vertical cell) text color
barbgcolor:'#FF0000',   // bar (the vertical cell) background color
barfontweight:'bold',    // bar (the vertical cell) font weight
baralign:'center',       // bar (the vertical cell) right left or center text alignment
menufont:'verdana',      // menu font
fontsize:'90%',          // express as percentage with the % sign
hdingcolor:'white',      // heading - non linked horizontal cells text color
hdingbgcolor:'#FF0000',  // heading - non linked horizontal cells background color
hdingfontweight:'bold',  // heading - non linked horizontal cells font weight
hdingvalign:'middle',    // heading - non linked horizontal cells vertical align (top, middle or center)
hdingtxtalign:'left',    // heading - non linked horizontal cells right left or center text alignment
linktxtalign:'left',     // linked horizontal cells right left or center text alignment
linktarget:'',           // default link target, leave blank for same window (other choices: _new, _top, or a window or frame name)
kviewtype:'fixed',       // Type of keepinview - 'fixed' utilizes fixed positioning where available, 'absolute' fluidly follows page scroll
menupos:'top',         // set side that menu slides in from (right or left or top)
bartext:'Menu',       // bar text (the vertical cell) use text or img tag
///////////////////////////
menuItems:[
//[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
["<center>NTN onkine</center>"], //create header
["NTN online ", "http://www.nguyentrungngan.net", "_new"],
["NTN online ", "http://www.nguyentrungngan.net","_new"],
["NTN online ", "http://www.nguyentrungngan.net", "_new"],
["NTN online ", "http://www.nguyentrungngan.net", "_new"],
["NTN online ", "http://www.nguyentrungngan.net", "_new"],
["Liên hệ <img alt='Online!' status='' (online='' offline)='' src='http://opi.yahoo.com/online?u=killervnc&amp;m=g&amp;t=1' border='0'>", "ymsgr:sendIM?vav6692", ""]

]}; // REQUIRED!! do not edit or remove


////////////////////Stop Editing/////////////////

make_menus();
</script>

Save lại.

OK! xong ra forum xem kết quả big green
Thank cái nhỉ chán kinh

***~~quocduyze~~*** · 01-07-2011, 06:22 PM

Làm xong không thấy zi hết ẹc

**Dunglx** · 01-07-2011, 09:01 PM

Nguyên văn bởi quocduyze

Làm xong không thấy zi hết ẹc

Cậu xem lại đi mình có chỉnh lại rồi và demo cho cậu luôn rồi đấy
Cậu nhớ up file Js lên clientscript nhé
Chúc thành công

À quên thử bấm nút thank xem có làm được không nhé

***~~quocduyze~~*** · 01-07-2011, 09:38 PM

Nguyên văn bởi dunglx

Cậu xem lại đi mình có chỉnh lại rồi và demo cho cậu luôn rồi đấy
Cậu nhớ up file Js lên clientscript nhé
Chúc thành công

À quên thử bấm nút thank xem có làm được không nhé

Ưh Wiew ra mới được cái .js

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Ðề tài: Mini mod Menu thả xuống khi rê chuột

Ðiều Chỉnh

Display