000
21.01.2003, 18:19
Retro
|
Kurz und knapp, weiss einer wie man ein solches Hovermenü gebacken kriegt? http://www.mgtek.com/miniide/news/
Wenn ichs abspeichere funktionierts nichtmehr, kein CSS oder JS.
--
shielding people from their own stupidity is an evolutionary step backwards anyway.
/* God is dead!............Nietzsche */ /* Nietzsche is dead!......God */ /* Nietzsche is God!.......The Dead */
|
|
Profil || Suche
|
001
21.01.2003, 18:38
chriss
|
das funktionier btw bei mir überhauptnicht.. liegt wohl dadran das der autor nicht an opera gedacht hat :(
*edit
erm Index.html
<LINK href="/controls/toolbar/toolbar.css" type="text/css" rel="stylesheet">
controls/toolbar/toolbar.css
.toolbar { FONT-SIZE: 65%; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ca7b42 } .toolbar A { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none } .toolbar A:link { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none } .toolbar A:visited { FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none } .toolbar A:active { FONT-WEIGHT: bold; COLOR: #f7cfae; TEXT-DECORATION: none } .toolbar A:hover { FONT-WEIGHT: bold; COLOR: #f7cfae; TEXT-DECORATION: none }
O_o
--
Dieser Beitrag wurde am 21.01.2003 um 18:40 von NoX bearbeitet.
|
|
Profil || Suche
|
002
21.01.2003, 20:07
Retro
|
Gna, nee, leider nich...
So schaut das eigentlich aus:

--
shielding people from their own stupidity is an evolutionary step backwards anyway.
/* God is dead!............Nietzsche */ /* Nietzsche is dead!......God */ /* Nietzsche is God!.......The Dead */
|
|
Profil || Suche
|
003
21.01.2003, 21:12
the_viking
|
hmm... javascript?!
hab grad nichts parat O_o
also machen wir's per css:
css-datei: menu.css:
TABLE.menu { BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 0px solid; BEHAVIOR: url(menu.htc); BORDER-LEFT: #999999 0px solid; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #f1f1f1 } TABLE.menu .heading { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 70%; PADDING-BOTTOM: 4px; CURSOR: default; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica } TABLE.menu .link { BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 25px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 70%; PADDING-BOTTOM: 3px; BORDER-LEFT: #f1f1f1 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: #f1f1f1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica } TABLE.menu .sublink { BORDER-RIGHT: #f1f1f1 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #f1f1f1 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 70%; PADDING-BOTTOM: 3px; BORDER-LEFT: #f1f1f1 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: #f1f1f1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica } TABLE.menu A { COLOR: black; TEXT-DECORATION: none } TABLE.menu A:link { COLOR: black; TEXT-DECORATION: none } TABLE.menu A:hover { COLOR: black; TEXT-DECORATION: none } TABLE.menu A:visited { COLOR: black; TEXT-DECORATION: none } TABLE.menu A:active { COLOR: black; TEXT-DECORATION: none }
Dann packst du in die html-datei einen link zu der css-datei: <LINK href="menu.css" type=text/css rel=stylesheet>
Und wenn du eine tabelle mit menu-elementen hast, machste das so: (HTML-code)
<table class="menu" width=200 border=0> <tr><td class=link><a href="http://www.thewall.de">The-Wall</a></td></tr> </table> <table class="menu" width=200 border=0> <tr><td class=link><a href="http://www.web.de">Web.de</a></td></tr> </table>
(Die links sind nur beispiele, bitte net meckern :) )
dann brauchen wir noch ne menu.htc:
(download) Sie war zu groß, um sie hier zu posten 8)
sollte so funzen :)
Look here: I got it :)
--
thx, cu, MfG the_viking
(( My =]=H=O=M=E=> Page! )) Coder bei Brainshock-Interactive und bei Z-Software My ICQ: #160959446
Dieser Beitrag wurde am 21.01.2003 um 21:30 von the_viking bearbeitet.
|
|
Profil || Suche
|
004
21.01.2003, 21:36
Megge
|
da gibts noch ne variante, die mit allen browsern geht:
<td onmouseover="this.bgColor='farbe'" onmouseout="this.bgColor='farbe'" bgColor="farbe">
#edit wenn man noch rahmen usw machen will, kann man natürlich auch ne funktion machen:
function change_over() { this.bgColor="#00FF00"; this.irgendwas="irgendwas"; } function change_out() { this.bgColor="#FF0000"; this.irgendwas="irgendwas"; } // <td onmouseover="javascript:change_over()" onmouseout="javascript:change_out()" bgcolor="red">
--
Dieser Beitrag wurde am 21.01.2003 um 21:40 von Megge bearbeitet.
|
|
Profil || Suche
|
005
21.01.2003, 22:51
Retro
|
Uff, also erstmal nen großes Danke an dich, viking! Aber in der .htc steht mir dann zu viel, was ich so garnicht verstehe...
Ich hab nun was gefunden das in die Richtung geht, der Effekt ist ja sowieso der selbe: http://www.phpfreaks.com/quickcode/Table_Background_Hover_Colors_With_CSS/33.php
Also, nochmals Danke für die ganze Mühe! :)
--
shielding people from their own stupidity is an evolutionary step backwards anyway.
/* God is dead!............Nietzsche */ /* Nietzsche is dead!......God */ /* Nietzsche is God!.......The Dead */
|
|
Profil || Suche
|
006
25.01.2003, 23:01
Fraghunter
|
ja, das ist auch gut
im Prinzip das selbe, wie das von Megge
--
Nihil timeo, nulla re opprimor, nulli periculo cedo. www.TheDoenerKing.de
|
|
Profil || Suche
|