Willkommen ~Gast!
Registrieren || Einloggen || Hilfe/FAQ || Staff
Probleme mit der Registrierung im Forum? Melde dich unter registerEin Bild.
Autor Beitrag
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 */

zum Seitenanfang zum Seitenende 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
Quellcode:<LINK href="/controls/toolbar/toolbar.css" type="text/css" rel="stylesheet">
controls/toolbar/toolbar.css
Quellcode:.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.
zum Seitenanfang zum Seitenende 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 */

zum Seitenanfang zum Seitenende 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:
Quellcode: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)
Quellcode:<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.
zum Seitenanfang zum Seitenende Profil || Suche
004
21.01.2003, 21:36
Megge



da gibts noch ne variante, die mit allen browsern geht:
Quellcode:<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:
Quellcode: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.
zum Seitenanfang zum Seitenende 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 */

zum Seitenanfang zum Seitenende 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

zum Seitenanfang zum Seitenende Profil || Suche