- položky dynamického menu zo šablóny

Dúfam, že sa mi podarí objasniť, ako na tosprávne implementovať šablónu Photoshopu na webovú stránku. Rozumiem metódam rezu a uloženiu. Môj zmätok prichádza pri stavbe stránky, konkrétne v menu. Chcel by som, aby sa možnosť menu zmenila farbou, keď návštevník prejde na odkaz. S Photoshopom je všetko uložené ako obrázok. Ako sa vám text zmeniť farbu, ak je obrázok? Uložím dva obrázky, jeden čierny a jeden biely, potom na vznášačke sa obrázky zmenia pomocou jazyka JavaScript? Môžem to dosiahnuť pomocou CSS namiesto JavaScriptu? Ako by som vytvoril rozbaľovaciu ponuku, ktorá sa skladá z viacerých čiastkových položiek? Potrebujem samostatné obrázky pre každú podpoložku?

Dúfajme, že je to jasné. Ako možno vidíte, je tu veľa zmätkov. Vopred ďakujem

odpovede:

S photoshopom máte nástroj, ktorý vám umožní rozdeliť jednotlivé časti panela s ponukami a automaticky vytvoriť niekoľko obrázkov, ktoré budete používať na tlačidlo ponuky.

Pozrite si tento odkaz, aby ste to urobili, ale je vo francúzštine (ospravedlňujeme sa za to): http://www.wks.fr/Creer-un-menu-black-gloss-decoupe.html

Po pridaní obrázkov takto:

<table cellpadding="0" cellspacing="0" border="0"  >
<tr>
<td><a href="Default.aspx"><img src="/images/images/imagesMenu/MenuBis_01.gif" alt="" border="0" onmouseover="this.src="images/imagesMenu/Menu_01.gif"" onmouseout="this.src="images/imagesMenu/MenuBis_01.gif""/></a></td>
<td><a href="Emplacements.aspx"><img src="/images/images/imagesMenu/MenuBis_02.gif" alt=""border="0" onmouseover="this.src="images/imagesMenu/Menu_02.gif"" onmouseout="this.src="images/imagesMenu/MenuBis_02.gif""/></a></td>
<td><a href="Tarifs.aspx"><img src="/images/images/imagesMenu/MenuBis_03.gif" alt=""border="0" onmouseover="this.src="images/imagesMenu/Menu_03.gif"" onmouseout="this.src="images/imagesMenu/MenuBis_03.gif""/></a></td>
<td><a href="Reservation.aspx"><img src="/images/images/imagesMenu/MenuBis_04.gif" alt=""border="0" onmouseover="this.src="images/imagesMenu/Menu_04.gif"" onmouseout="this.src="images/imagesMenu/MenuBis_04.gif""/></a></td>
<td><a href="Galerie.aspx"><img src="/images/images/imagesMenu/MenuBis_05.gif" alt=""border="0" onmouseover="this.src="images/imagesMenu/Menu_05.gif"" onmouseout="this.src="images/imagesMenu/MenuBis_05.gif""/></a></td>
<td><a href="About.aspx"><img src="/images/images/imagesMenu/MenuBis_06.gif" alt=""border="0" onmouseover="this.src="images/imagesMenu/Menu_06.gif"" onmouseout="this.src="images/imagesMenu/MenuBis_06.gif""/></a></td>
</tr>
</table>

Môžete vidieť, že pre každý stĺpec tabuľky máte jeden obrázok, ktorý bude viditeľný, keď je kurzor myši mimo neho, ale keď je myš nad druhým obrázkom, je viditeľná.

Je to spôsob, ako robiť to, čo chcete. Existujú aj iné spôsoby, ale je to jednoduché.