Grafischer Butten Erhellung?

Antworten
#1
07.09.2007 20:42
avatar  ( Gast )
#1 Grafischer Butten Erhellung?
Gast
( Gast )

Hallo ihr da draußen :-)
Ich wollte schon immer mal wissen, wie so etwas funktioniert. Also, es ist so, wenn man mit dem Mauszeiger auf einen grafischen Link drüber fährt, dass da der Button sich erhellt oder seine farbe verändert. Geht das? Danke, wäre sehr nett!

Mein Forum: http://www.witobia.de


 Antworten

 Beitrag melden
#2
08.09.2007 02:06
avatar  Vitalis
#2 RE: Grafischer Butten Erhellung?
avatar
Vitalis
Profi

JavaScript: http://www.on-mouseover.de/script1.htm
CSS: http://www.webwork-community.net/posting7723_49_0.html

Ansonsten hilft dir immer Google. Der Effekt, welche du meinst, nennt sich "mouseover-effekt"



 Antworten

 Beitrag melden
#3
08.09.2007 14:27
avatar  ( Gast )
#3 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Ah, danke! Es geht ja, aber es erscheint ein kleiner Strich neben dem Button, warum?

<a href="http://www.t-online.de"
onmouseover="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/T-Online.de2.PNG';"
onmouseout="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/T-Online.de.PNG';">
<img src="http://www.oyla12.de/userdaten/09645090/bilder/T-Online.de.PNG"
border="0" width="305"height="244"
name="austausch1">
</a>


 Antworten

 Beitrag melden
#4
08.09.2007 15:44
avatar  ( Gast )
#4 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Kann mir einer helfen?


 Antworten

 Beitrag melden
#5
08.09.2007 16:22
avatar  spooner
#5 RE: Grafischer Butten Erhellung?
sp
spooner
Mitglied

diese striche(|) müssen im template obere leiste noch entfernt werden



IBA#43006


 Antworten

 Beitrag melden
#6
08.09.2007 16:33
avatar  ( Gast )
#6 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Nein, ich meinte etwas anderes. Wenn ich den Javacode einfüge, dann komm der Butten, aber neben ihm unten taucht ein kleiner flacher Srich auf.


 Antworten

 Beitrag melden
#7
08.09.2007 16:55
avatar  ( Gast )
#7 RE: Grafischer Butten Erhellung?
Gast
( Gast )


Den Strich meine ich. Was soll ich jetzt tun?


 Antworten

 Beitrag melden
#8
08.09.2007 17:29
avatar  ( Gast )
#8 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Danke ich habe es! </a> musste ich löschen. Danke trotzdem!


 Antworten

 Beitrag melden
#9
08.09.2007 19:11
avatar  ( Gast )
#9 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Nein es doch nicht. :-(

Ich weiß aber an was es liegt:

<a[rot]_[/rot]href="http://www.giga.de"
onmouseover="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de2.PNG';"
onmouseout="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG';">
<img src="http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG"
border="0" width="305"height="244"
name="austausch1">


 Antworten

 Beitrag melden
#10
08.09.2007 19:14
avatar  ( Gast )
#10 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Nein es doch nicht. :-(

Ich weiß aber an was es liegt:


<a_href="http://www.giga.de"

onmouseover="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de2.PNG';"
onmouseout="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG';">
<img src="http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG"
border="0" width="305"height="244"
name="austausch1">


Wie kann ich denn das Leerzeichen übergehen?


 Antworten

 Beitrag melden
#11
08.09.2007 19:57
avatar  ( Gast )
#11 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Kann mir jemand helfen? Wie kann man ein Leerzeichen umgehen? Das wäre sehr nett!


 Antworten

 Beitrag melden
#12
09.09.2007 13:37
avatar  ( Gast )
#12 RE: Grafischer Butten Erhellung?
Gast
( Gast )

Mir ist es jetzt gelungen, das bei den Buttons der Mouseover-effekt funktioniert. Sie´he dazu hier:

http://www.oyla12.de/cgi-bin/eigenes.cgi...userid=09645090
Aber ich möchte das die Überleitung zu den Seiten nicht im gleichen Frame übergeht.

Aber es sollen die Fenster im gleichen Fenster geöffnet werden. Weiß einer was ich meine? Wäre sehr nett! Danke... :-)

Was muss ich an dem Code ändern?


<html>
<head>
<script
language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG"
button1_b= new Image();
button1_b.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de2.PNG"
button2_a= new Image();
button2_a.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Giga.de.PNG"
button2_b= new Image();
button2_b.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Giga.de2.PNG"
button3_a= new Image();
button3_a.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Knuddels.de.PNG"
button3_b= new Image();
button3_b.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Knuddels.de2.PNG"
button4_a= new Image();
button4_a.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_PlayPSP.oyla11.de.PNG"
button4_b= new Image();
button4_b.src = "http://www.oyla12.de/userdaten/09645090/bilder/Homepage_PlayPSP.oyla11.de.PNG"

/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */

//-->
</script>
</head>

<body>

<a href="http://www.t-online.de" onmouseover="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de2.PNG';"
onmouseout="austausch1.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG'"><img src="http://www.oyla12.de/userdaten/09645090/bilder/Homepage_T-Online.de.PNG"
border="0" width="305" height="244"
name="austausch1"></a>

<a href="http://www.giga.de"
onmouseover="austausch2.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Giga.de2.PNG';"
onmouseout="austausch2.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Giga.de.PNG'"><img src="http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Giga.de.PNG"
border="0" width="305" height="244"
name="austausch2"></a>

<a href="http://www.knuddels.de" onmouseover="austausch3.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Knuddels.de2.PNG';"
onmouseout="austausch3.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Knuddels.de.PNG'"><img src="http://www.oyla12.de/userdaten/09645090/bilder/Homepage_Knuddels.de.PNG"
border="0" width="305" height="244"
name="austausch3"></a>

<a href="http://playpsp.oyla11.de" onmouseover="austausch4.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_PlayPSP.oyla11.de2.PNG';"
onmouseout="austausch4.src='http://www.oyla12.de/userdaten/09645090/bilder/Homepage_PlayPSP.oyla11.de.PNG'"><img src="http://www.oyla12.de/userdaten/09645090/bilder/Homepage_PlayPSP.oyla11.de.PNG"
border="0" width="305" height="244"
name="austausch4"></a> [code]

</body>
</html>

Wo sind die Profis? :-)


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!