28173 sujets

CSS et mise en forme, CSS3

Bonjour,et deja merci pour votre site
j ai fais un exemple sur mon site de votre tutoriel en php switch css+php sans frame et j ai integre deux javascript menu milonic

<SCRIPT language=JavaScript src="menu_array.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="mmenu.js" type=text/javascript></SCRIPT>

tout marche le switch aussi
Comment je pourrai faire pour changer ma navigation milonic avec ce meme bouton en css
en modifiant certement ca:

[#violet]//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE. If you have more than one menu_array.js file rem out this line in subsequent files
menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<scr"+"ipt language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/scr"+"ipt>";_d.write(mt)}
//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless this file is part of a multi pack.



////////////////////////////////////
// Editable properties START here //
////////////////////////////////////

// Special effect string for IE5.5 or above please visit  http://www.milonic.co.uk/menu/filters_sample.php  for more filters
effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#4D4D4D', Direction=135, Strength=5)"


timegap=500			// The time delay for menus to remain visible
followspeed=5		// Follow Scrolling speed
followrate=40		// Follow Scrolling Rate
suboffset_top=40;	// Sub menu offset Top position 
suboffset_left=6;	// Sub menu offset Left position
closeOnClick = true

style1=[			// style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"215DC6",				// Mouse Off Font Color
"#D6DFF7",			// Mouse Off Background Color
"#215DC6",			// Mouse On Font Color
"#D6DFF7",			// Mouse On Background Color
"#D6DFF7",			// Menu Border Color 
10,					// Font Size in pixels
"normal",			// Font Style (italic or normal)
"bold",				// Font Weight (bold or normal)
"Verdana, Tahoma, Arial",	// Font Name
4,					// Menu Item Padding
"arrow.gif",		// Sub Menu Image (Leave this blank if not needed)
,					// 3D Border & Separator bar
"#215DC6",			// 3D High Color
"#4D4D4D",			// 3D Low Color
"#E4005E",			// Current Page Item Font Color (leave this blank to disable)
"#D6DFF7",				// Current Page Item Background Color (leave this blank to disable)
"arrowdn.gif",		// Top Bar image (Leave this blank to disable)
"#c0c0c0",			// Menu Header Font Color (Leave blank if headers are not needed)
"#c0c0c0",			// Menu Header Background Color (Leave blank if headers are not needed)
"#D6DFF7",				// Menu Item Separator Color
]


addmenu(menu=[		// This is the array that contains your menu properties and details
"mainmenu",			// Menu Name - This is needed in order for the menu to be called
0,					// Menu Top - The Top position of the menu in pixels
0,				// Menu Left - The Left position of the menu in pixels
,					// Menu Width - Menus width in pixels
1,					// Menu Border Width 
"center",					// Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
style1,				// Properties Array - this is set higher up, as above
1,					// Always Visible - allows the menu item to be visible at all time (1=on/0=off)
"center",				// Alignment - sets the menu elements text alignment, values valid here are: left, right or center
,					// Filter - Text variable for setting transitional effects on menu activation - see above for more info
,					// Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
1, 					// Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
1,					// Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
,					// Position of TOP sub image left:center:right
,					// Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
,					// Right To Left - Used in Hebrew for example. (1=on/0=off)
,					// Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
,					// ID of the div you want to hide on MouseOver (useful for hiding form elements)
,					// Background image for menu when BGColor set to transparent.
,					// Scrollable Menu
,
			// Reserved for future use
,"Acceuil","index.htm",,"Retour a la page d'acceuil",1 // "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"
,"Notre entreprise&nbsp;&nbsp;","show-menu=ent",,"",1
,"Produits et Services&nbsp;&nbsp;","show-menu=proser",,"",1
,"Contact et Devis&nbsp;&nbsp;","show-menu=contact",,"",1
,"Espace clients&nbsp;&nbsp;","show-menu=other",,"",1
,"Conseils et Bonus&nbsp;&nbsp;","show-menu=cobo",,"",1
])
	addmenu(menu=["ent",
	,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
	,"Qui sommes nous","show-menu=ent2",,,1

	])
	
	
		addmenu(menu=["ent2",
		,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
		,"Presentation","http://www.cnn.com",,,1
		,"Nos produits","http://www.msnbc.com",,,1
		,"Notre secteur","http://www.abcnews.com",,,1
				



,"<img src=newsimage.gif border=0>&nbsp;Nos atouts","http://news.bbc.co.uk swapimage=newsimage_over.gif",,,1









,"<img src=newsimage.gif border=0>&nbsp;Dynamic Drive","http://www.dynamicdrive.com swapimage=newsimage_over.gif",,,1
		])

			addmenu(menu=["canadanews",
			,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
			,"CTV News","http://www.ctvnews.com",,,
			,"Vancouver Sun","http://www.canada.com/vancouver/vancouversun/",,,
			])
                          addmenu(menu=["devis2",
			,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
			,"Cuisines","http://www.ctvnews.com",,,
			,"Salle de bain","http://www.canada.com/vancouver/vancouversun/",,,
,"Dressing","http://www.canada.com/vancouver/vancouversun/",,,
			]) 
		
		addmenu(menu=["technonews",
		,,110,1,"",style1,,"left",effect,,,,,,,,,,,,
		,"TechWeb","http://www.cnn.com",,,0
		,"News.com","http://www.news.com",,,0
		,"Wired News","http://www.wired.com",,,0
		,"Slashdot","http://www.slashdot.com",,,0		
		






	]) 

	addmenu(menu=["webmaster",
	,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
	,"<img src=newsimage.gif border=0>&nbsp;(aq) Domain Names","http://www.a-q.co.uk swapimage=newsimage_over.gif",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Dynamic Drive","http://www.dynamicdrive.com swapimage=newsimage_over.gif",,,1
	,"<img src=newsimage.gif border=0>&nbsp;JavaScript Kit","http://www.javascriptkit.com swapimage=newsimage_over.gif",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Freewarejava.Com","http://www.freewarejava.com swapimage=newsimage_over.gif",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Active-X.com","http://www.active-x.com swapimage=newsimage_over.gif",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Web Monkey","http://www.webmonkey.com swapimage=newsimage_over.gif",,,1
	,"<img src=newsimage.gif border=0>&nbsp;Jars","http://www.jars.com swapimage=newsimage_over.gif",,,1
	])
	
	addmenu(menu=["cobo",,,120,1,,style1,0,"left",effect,0,,,,,,,,,,,
	,"Reglages et entretien","show-menu=reg",,,0

,"Musique","http://www.download.com",,,1
	,"Forum","http://www.tucows.com",,,1
,"Rechercher","show-menu=search",,,1
,"Liens","http://www.download.com",,,1
	])
	
	addmenu(menu=["search",
	,,140,1,"",style1,,"",effect,,,,,,,,,,,,
	,"<img src=google_icon.gif border=0>&nbsp;Google.com", "http://www.google.com",,,1
	,"<img src=yahoo_icon.gif border=0>&nbsp;Yahoo", "http://www.yahoo.com",,,1
	,"<img src=av_icon.gif border=0>&nbsp;Altavista", "http://altavista.com",,,1
	,"<img src=excite.gif border=0>&nbsp;Excite", "http://www.excite.com",,,1
	])
	
	addmenu(menu=["contact",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,

,"Devis&nbsp;&nbsp;","show-menu=devis2",,"",1
,"Contact&nbsp;&nbsp;","show-menu=contact2",,"",1	


	])
addmenu(menu=["contact2",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
,"Adresse et telephone","http://www.milonic.co.uk/menu/",,"Pour nous contactez par telephone",1
,"courrier simple","http://www.milonic.co.uk/menu/",,"Pour nous contactez avec simplicité et rapiditée",1
,"courrier avec envoie d image","http://www.milonic.co.uk/menu/",,"Pour envois de photos utile pour envoie de plan et de shema",1

	])
addmenu(menu=["proser",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
,"Cuisines&nbsp;&nbsp;","show-menu=cuisines",,"",1
,"Salles de bain&nbsp;&nbsp;","show-menu=sdb",,"",1
,"Dressings&nbsp;&nbsp;","show-menu=dress",,"",1
,"Plans de travail&nbsp;&nbsp;","show-menu=pt",,"",1
,"Service pose","http://www.milonic.co.uk/menu/",,"Pour nous contactez par telephone",1
])
addmenu(menu=["cuisines",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
,"Fournisseurs&nbsp;&nbsp;","show-menu=usine",,"",1
,"Photos&nbsp;&nbsp;","show-menu=Photos",,"",1
,"Videos&nbsp;&nbsp;","show-menu=Videos",,"",1

])
addmenu(menu=["usine",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
,"Stoermer&nbsp;&nbsp","http://www.milonic.co.uk/menu/",,"Pour nous contactez avec simplicité et rapiditée",1
,"Ebke&nbsp;&nbsp","http://www.milonic.co.uk/menu/",,"Pour nous contactez avec simplicité et rapiditée",1
,"Diorio&nbsp;&nbsp","http://www.milonic.co.uk/menu/",,"Pour nous contactez avec simplicité et rapiditée",1

])
dumpmenus() 


merci de m aider
Smiley biggrin
explication plus simple j aimerai que le bouton switch css qui marche bien pour ma page merci bien d ailleur change aussi le menu milonic avec le reste de mon design exemple sur mon site http://www.cuisines-nord-isere.fr/futur/http://www.cuisines-nord-isere.fr/futur/merci davance
Modifié par tiiiteuf38 (09 Nov 2006 - 00:44)