Autor | Zpráva | ||
---|---|---|---|
Snick Profil * |
#1 · Zasláno: 21. 10. 2012, 10:47:35
Ahoj mám udělané menu.
<div class="top_menu"> <a href="pasove-pily-zakladni-informace.php"><span class="top_menu_left<?php echo ($top_menu_active == 21?'_active':'')?>" onmouseover="this.style.background='url(./img/layout/top_menu_left_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu_left<?php echo ($top_menu_active == 21?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">pásové pily</span></span></a> <a href="pilove-pasy-zakladni-informace.php"><span class="top_menu<?php echo ($top_menu_active == 22?'_active':'')?>" onmouseover="this.style.background='url(./img/layout/top_menu_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu<?php echo ($top_menu_active == 22?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">pilové pásy</span></span></a> <a href="naradi-milwaukee-zakladni-informace.php"><span class="top_menu<?php echo ($top_menu_active == 23?'_active':'')?>" onmouseover="this.style.background='url(./img/layout/top_menu_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu<?php echo ($top_menu_active == 23?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">Elektrické nářadí</span></span></a> <a href="svarovani.php"><span class="top_menu<?php echo ($top_menu_active == 24?'_active':'')?>" onmouseover="this.style.background='url(./img/layout/top_menu_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu<?php echo ($top_menu_active == 24?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">svařování</span></span></a> <a href="led-osvetleni-zakladni-informace.php"><span class="top_menu<?php echo ($top_menu_active == 25?'_active':'')?>" onmouseover="this.style.background='url(./img/layout/top_menu_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu<?php echo ($top_menu_active == 25?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">LED osvětlení</span></span></a> <a href="e-shop.php"><span class="top_menu<?php echo ($top_menu_active == 26?'_active':'')?>" onmouseover="this.style.background='url(./img/layout/top_menu_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu<?php echo ($top_menu_active == 26?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">e-shop</span></span></a> </div> Jenže dnes mám už toho trochu víc a pozřebuju menu rozšířit. Našel jsem si dropdown menu. Taky jsme si napsal kod: <script type="text/javascript" src="http://www.google.com/jsapi" ></script> <script type="text/javascript" > google.load("mootools", "1.2.1"); </script> <link rel="stylesheet" href="MenuMatic.css" type="text/css" media="all" /> <script type="text/javascript" src="MenuMatic_0.68.3.js" ></script> <ul id="nav"> <li><a href='#'>PÁSOVÉ PILY</a></li> <li> <a href='#'>PILOVÉ PÁSY</a></li> <li> <a href='#'>ELEKTRICKÉ NÁŘADÍ</a> <ul> <a href='#'>Milwaukee</a> <a href='#'>AEG</a> <a href='#'>Ryobi</a> </ul> </li> <li><a href='#'>SVAŘOVÁNÍ</a></li> </ul> </li> <li><a href='#'>LED OSVĚTLENÍ</a></li> <li><a href='#'>E-SHOP</a></li> </ul> <script type="text/javascript"> window.addEvent('domready', function() { var myMenu = new MenuMatic({ id:"nav", effect:"slide & fade", duration:500, hideDelay:500, orientation:"horizontal", tweakInitial:{x:-30,y:3}, opacity:95 }); }); </script> Jenže nevím jak udělat to aby menu vypadalo stejně. Nejspíš pomocí CSS. aby bylo stále modre a podbarvovalo se oranžově. Jinak to nové mám udělané přes menumatic. Takhle to menu zatím vypadá: kvpservis.cz |
||
Snick Profil * |
#2 · Zasláno: 21. 10. 2012, 17:40:51
Tak jinak...
Jak jámudělat aby byli podložené obrázkem(modré pozadí. A aby se zasepodložili obrázkem když na ně najedu... |
||
Časová prodleva: 11 let
|
0