Autor Zpráva
Snick
Profil *
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 *
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...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: