PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : cgi mit mouseover effekt



scara
30-03-2002, 05:16
hi
ich möchte per cgi einen mouseover effekt erzielen, dass wenn die maus über eine schrift link geht, dass der hintergrund der schrift eine andere farbe bekommt.. sieht dann aus wie ein balken, kennt ihr bestimmt..

gruss
scara

wd
30-03-2002, 05:44
Hallo,

das kannst du auch mit einem Style-Sheet (css) machen.

wd
30-03-2002, 05:49
Nachtrag:

-------------------------------------------------------
<style type="text/css">

a:link { color:#0000ee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration:none }
a:visited { color:#a7bacc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration:none }
a:hover { color:#0000ee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; text-decoration:underline overline }
a:active { color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration:none }

</style>
-------------------------------------------------------

scara
30-03-2002, 10:32
danke..werde es nachher ma testen..

scara
30-03-2002, 12:47
habe das jetzt probiert
nur mit einem test link klappt es.
oben und unten sind striche.. dachte zwar an eine art balken zb gelber balken der bei mauskontalt hinter der roten schrifte rscheint ode rso..

aber nun mein problem..

dein css klappt wie gesagt bei testlinks.

nun hab eich verschiedene links auf der seite und wollte
mit #element

und mit <div id="element">... die jeweiligen links anders ansteuern.. da kommt nur mist raus.. ein balken oben untend er ist weg..
<html>

<head>

<style type="text/css">

<!--BODY
{scrollbar-DarkShadow-Color:#FFFFFF;
scrollbar-Track-Color:black;
scrollbar-Face-Color:black;
scrollbar-Shadow-Color:#FFFFFF;
scrollbar-Highlight-Color:#FFFFFF;
scrollbar-3dLight-Color:black;
scrollbar-Arrow-Color:blue }
-->

#oben { a:link { color:#0000ee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration:none }
a:visited { color:#a7bacc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration:none }
a:hover { color:#0000ee; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight:bold; text-decoration:underline overline }
a:active { color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; text-decoration:none }
}
#auf { color:yellow; }
#unten { color:#FFFFFF; }
</style>
</head>

<body bgcolor="#ffffff">
<p align="left"><font size="4"><a href="#"><div id="oben">KONTAKT</div></font></p></a>
<p align="left"><font size="4"><div id="oben">MITGLIEDER</div></font></p>
<p align="left"><font size="4"><div id="oben">FOREN</div></font></p>
<p align="left"><font size="4"><div id="oben">LINKS</div></font></p>
<p align="left"><font size="4"><div id="oben">WarCraft III</div></font></p>

<p align="left"><font size="4"><div id="auf">DIABLO II</div></font></p>

</body>


</html>

schau malw as falsch ist


versucheich noch ein javascript script einzufügen, dann spinnt die seite total..(das script funzt auf einer seperatens eite, wo ich es erstellt habe..

wd
30-03-2002, 18:04
hier findest du alles, was du brauchst:

http://selfhtml.teamone.de/css/index.htm#

suche einfach bei http://selfhtml.teamone.de nach css.

Eine weitere Fundgrube ist:

http://www.ideenreich.com/html/index.shtml

Den Beitrag zu css findest du etwas weiter unten auf dieser Seite.

scara
31-03-2002, 13:39
danke.. war gerade mal auf den links.. echt informatiev..

werde ich bestimmt öfter ma zu rate ziehen ..