Archiv verlassen und diese Seite im Standarddesign anzeigen : cgi mit mouseover effekt
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
Hallo,
das kannst du auch mit einem Style-Sheet (css) machen.
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>
-------------------------------------------------------
danke..werde es nachher ma testen..
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..
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.
danke.. war gerade mal auf den links.. echt informatiev..
werde ich bestimmt öfter ma zu rate ziehen ..
Powered by vBulletin® Version 4.2.5 Copyright ©2025 Adduco Digital e.K. und vBulletin Solutions, Inc. Alle Rechte vorbehalten.