Autor Zpráva
PN7
Profil
Zdravím a prosím o radu,

vertikálně vysouvací menu se vysune, ale chtěl bych vytvořit jednotlivá písmena v buňkách vysouvacího menu ve zlaté-stínované barvě. Tzn.barevně stejné jako ostatní nápisy na tlačítkách v rámci stránek.
(Tlačítka základního hozizontálního menu jsou
.gif obrázky se zlatým stínováním písma ).
Předpokládám, že bude nutné vytvořit jednotlivá tlačítka pro pozici "onmouseover" a "onmouseout" s rozdílným pozadím.

Každopádně otázka:

Jak nakódovat obrázky-tlačítka (ve zlaté stínované barvě písma)do vysouvacího menu,navíc aby se po přejetí tlačítek myší ve vysouvacím menu měnilo jejich pozadí?
Jak opravit kód, aby se menu automaticky nevysunovalo, ale jen na poklepnutí nebo přechod myší?
Děkuji.

<html>

<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>doplnit klíčová slova dle zaměření</title>
<style fprolloverstyle>A:hover {color: #E1B950; font-weight: bold}
</style>
</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>PRODUKTY</title>
</head>

<body>
<!--COMMENTS-->
<html><head>
<style type="text/css">
body{font-family:times new roman;font-size:10pt}
A:hover{color:#E1B950;font-weight:bold;text-decoration:none}
a{text-decoration:none}
</style>
<title>PRODUKTY</title>
<script language="JavaScript"> 
<!-- DROP DOWN MENU 
/* 
 */ 

//Drop down menu 
// 

if (menu_speed > 10) 
    { 
    menu_speed=5; 
    } 
if(document.all) 
    { 
    doc = "document.all"; 
    sty = ".style"; 
    htm = "" 
    } 
else if(document.layers) 
    { 
    doc = "document"; 
    sty = ""; 
    htm = ".document" 
    } 

function positionLayers() 
    { 
    abcObj = eval(doc + '["abcLyr"]' + sty);     
    abcObj.left = 5; 
     if(menu_pos==0) 
         { 
         abcObj.top = -265; 
         } 
     else 
         { 
          abcObj.top = 2; 
         } 
    } 
function pullitup() 
    { 
        if (window.dropdown) 
            { 
            clearInterval(dropdown) 
            } 
            pullup=setInterval("uplift()",1) 
    } 
function dropitdown() 
    { 
        if (window.pullup) 
            { 
            clearInterval(pullup) 
            } 
            dropdown=setInterval("downlift()",1) 
    } 
function uplift()  
    { 
    var x_pos1 = parseInt(abcObj.top); 
    if(x_pos1 >= -260 )  
        { 
        if(instant_close==1) 
            { 
            abcObj.top=-265; 
            } 
        else if(instant_close==0) 
            { 
            abcObj.top = x_pos1-menu_speed; 
            } 
        } 
    else if (window.pullup) 
        { 
        clearInterval(pullup); 
        } 
    } 
function downlift()  
    { 
    var x_pos1 = parseInt(abcObj.top); 
    if(x_pos1 < 0 )  
         { 
        abcObj.top = x_pos1+menu_speed; 
        } 
    else if (window.dropdown) 
        { 
        clearInterval(dropdown); 
        } 
    } 
function info() 
    { 
    alert("copyrighted to S_94"); 
    } 
// end it--> 
    </script>
</head>
<body onload="positionLayers();" bgcolor="000000" vlink="#E1B950" alink="#E1B950" link="#E1B950" leftmargin="0" rightmargin="0" topmargin="0">
<div id="abcLyr" style="position:absolute;left:595;top:291;width:130;height:174;z-index:100;visibility:visible" onmouseover="dropitdown()"  onmouseout="pullitup()">
<table bgcolor="#000000" width="130" height="179" border="0" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000" cellspacing="0">
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/elektronika/sony ericson.htm" _fcksavedurl="http://www.deorodesign.cz/produkty/elektronika/sony ericson.htm" _fcksavedurl="http://www.deorodesign.cz/produkty/elektronika/sony ericson.htm">MOBILY</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/notebooky" _fcksavedurl="http://www.deorodesign.cz/produkty/notebooky" _fcksavedurl="http://www.deorodesign.cz/produkty/notebooky">NOTEBOOKY</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/doplnky" _fcksavedurl="http://www.deorodesign.cz/produkty/doplnky" _fcksavedurl="http://www.deorodesign.cz/produkty/doplnky">DOPLŇKY</a></td></tr>
<tr><td align="center" valign="middle" nowrap><a href="http://www.deorodesign.cz/produkty/exclusive" _fcksavedurl="http://www.deorodesign.cz/produkty/exclusive">EXCLUSIVE</a></td></tr>
</a></td></tr><tr><td align="center" valign="middle" nowrap height="26"><font size="-1"><b><u>PRODUKTY</u></b></font></td></tr>
<!--<tr><td align="center" valign="bottom"><font size="-1"><b>Menu &raquo;</b> <a href="javascript:void(0)" onclick="downlift()"><b>Show</b></a> <b>/</b> <a href="javascript:void(0)" onclick="uplift()"><b>Hide</b></a></font></td></tr>-->
</table>
</div>
</body></html>
</body
rudla
Profil
Nevím, jestli jsem to přesně pochopil, ale chceš, aby jsi měl v menu speciální písmo tvořené v GIFu a při najetí by se změnilo pozadí.

To pozadí může být jednobarevné? Pokud ano, znal bych řešení.
PN7
Profil
rudla:V podstatě ano. Tlačítka v hlavním menu (horizontálním) jsou vytvořena v grafickém programu Gimp a písmena uvnitř vyplněna zlatým "stínovaným" vzorkem (Gold).
Pozadí ve vysouvacím menu může být jednobarevné. Hlavní (horizontální) menu nakódovat s proměnným pozadím nebo písmem po přechodu
kurzorem umím, ale tlačítka vysouvacího menu ne.Díky.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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