Marcus
02-10-2003, 03:15 AM
Well....otally rookie in CSS. Also not sure I know what is a CSS.
I only want to make those cute....rollover menues in Dreamweaver....
Those menus ......very oredered and nice displyed....that...when you rollover with the mouse displays also a submenu......
Is that CSS.....Is CSS in that ...What he he...is CSS...
So how do i manage with that .....!!!
How can i do those cute....Menu ....
Thanks for any response......!!!
Zach Elfers
02-10-2003, 07:06 AM
Those kinds of rollover menus are done with a combination of JavaScript and CSS. CSS is Cascading Style Sheets.
Here is a script from dynamic drive:
save this file as menu.js:
/*
Top Navigational Bar II (By Mike Hall)
Last updated: 00/05/08
Permission granted and modified by Dynamicdrive.com to include script in archive
For this and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
var myNavBar1 = new NavBar(0);
var dhtmlMenu;
//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below
dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Home", "index.html"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Menu 1", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 1", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 2", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 3", "page.html"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Menu 2", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 1", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 2", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 3", "page.html"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Menu 3", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 1", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 2", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 3", "page.html"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Menu 4", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 1", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 2", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 3", "page.html"));
myNavBar1.addMenu(dhtmlMenu);
dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Menu 5", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 1", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 2", "page.html"));
dhtmlMenu.addItem(new NavBarMenuItem("Item 3", "page.html"));
myNavBar1.addMenu(dhtmlMenu);
//set menu colors
myNavBar1.setColors("Black", "Black", "SkyBlue", "SkyBlue", "Blue", "Black", "SkyBlue", "SkyBlue", "Blue")
//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")
var fullWidth;
function init() {
// Get width of window, need to account for scrollbar width in Netscape.
fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);
myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
To include it in your HTML page, type:
<script language="JavaScript" type="text/JavaScript" src="menu.js"></script>
in the <head> section.
Marcus
02-10-2003, 01:24 PM
I aprecciate your help buddy
Thank you ...
IŽll try the hing.....