6 svar · 357 visningar · startad av deoiz
Hejsan alla!
Hur ser koden ut för sådana dära menyer där man har tables. när man för pekaren över tablen ändras bakgrundsfärgen och när man för ut pekaren återställs färgen igen. Sedan om man klickar på tablen/texten i tablen dyker en menyu upp från tomma intet...
Hur gör jag detta???
MVH
Dom använder StyleSheets tror jag en enkelt script men kan den inte i huvudet ... skickar addressen till mig lr ngt så kan jag se om jag kan hjälpa dig mer
Hej igen...
Några exempel:
idg.se (högst upp)
microsoft.com (lite varstans)
Jag gissar på att det e antingen bara css eller en liten gnutta javascript inblandat ?
få se om jag fattade rätt:
Du menar dom menyerna som väcklar ut sig?(idg.se)
Eller menar du bara helt enkelt bara att länkarna byter färg när man lägger pekaren på dom?
I det första fallet,DHTML kolla: http://www.dhtmlzone.com/tutorials/
Och: http://www.dynamicdrive.com/
Leta runt lite, fast det kan vara rätt maffiga script.
I det andra fallet är det rätt enkelt, CSS.
<style type="text/css">
<!--
A:link { color: red;background-color:transparent; } /* unvisited links */
A:visited { color: blue;background-color:maroon;} /* visited links */
A:hover { color: yellow;background-color:black; } /* user hovers */
A:active { color: lime; background-color:transparent; } /* active links */
-->
</style>
/frankof
Tack för det ! =)
Testade lite och kom upp med en liten sak... Det e juh textens bg man ändrar. Menigen va juh att tablens bg skulle ändras hur gör ja då?
För att om man förändrar textens bg får man en expixlad "sorg-rand" rund hela texten:
Så here gjorde jag...
<html>
<head>
<title>Rädda Joppe!</title>
<style type="text/css">
a { color: #000000; font-weight : none; text-decoration : none; }
<!--
A:link { color: black;background-color:transparent; } /* unvisited links */
A:visited { color: black;background-color:transparent;} /* visited links */
A:hover { color: black;background-color:#99CCFF; } /* user hovers */
A:active { color: black; background-color:transparent; } /* active links */
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="73" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#000000" height="10" align="center" mm_noconvert="TRUE">
<tr bgcolor="#000000">
<td height="2" width="78">
<table width="41" border="0" cellspacing="1" cellpadding="1" align="center" height="20">
<tr bgcolor="#FFCC66">
<td height="2">
<p align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="#"><font size="3"> Tjolahopp </font></a></font></p>
</td>
</tr>
</table>
</td>
</tr>
</table></body></html>
Visst ser man randen...
Buhu... jälp!