carookee Support-Forum - Tipps & Tricks

Rollover - Buttons erstellen !

Rollover - Buttons erstellen !

hallo zusammen

würde gerne rolloverbuttons verwenden und hab auch schon passende aber wie muss ich nun den Code ändern ?

Code :


<p><a href="http://www.carookee.com/forum/Dobiline/search/"><img border="0" src="http://binbeiladen.freehost.ag/neuenvondobiline/suchen2.png">



Hat vielleicht jemand nen Tip für mich oder gar nen fertigen Text ?

Danke im vorraus

olly

Re: Rollover - Buttons erstellen !

Da gebe es nun 2 Varianten. Einmal kann man die Rolloverbutton in einem Buttongenerator machen, die werden dann *glaub* wie normale Bilder eingebunden. Oder die Möglichkeit, das über CSS zu machen, dann sieht das so aus wie die Banner in meiner Topliste http://www.dieappenzeller.de/topliste . Schau mal, ob du das meinst, dann weiss ich wie es geht.

Re: Rollover - Buttons erstellen !

Hallo und danke für die Antwort

Ich habe derzeit diese Schaltflächen in meinem Forum - Habe diese Buttons nochmal nur etwas anders - Halt Rollovereffekt !

Möchte diese beiden Bilder-Schaltflächen zu einer Rollover zusammenfügen !

Kannste mir da auch weiterhelfen ?

Hab auch schon gegoogel aber nicht verständliches gefunden !

Danke nochmal

lg olly

Re: Rollover - Buttons erstellen !

So aus dem FF nicht, aber ich heb mir die Mail mal auf und wenn mir etwas einfällt, poste ich hier.

Re: Rollover - Buttons erstellen !

Das ist nett danke

lg olly

Re: Rollover - Buttons erstellen !

Hallo

hab nen Quelltext aus meinem NOF kopiert ->


<script language="JavaScript"><!--
function onRolloverBild1A252251Over() {}
function onRolloverBild1A252251Out() {}
//--></script>
<script language="JavaScript"><!--
graphic1RolloverBild1A252251 = new Image()
graphic1RolloverBild1A252251.src = './suchen1.png';
graphic2RolloverBild1A252251 = new Image()
graphic2RolloverBild1A252251.src = './suchen2.png';
function onRolloverBild1A252251Over() {
document.RolloverBild1A252251.src=graphic2RolloverBild1A252251.src;
}
function onRolloverBild1A252251Out() {
document.RolloverBild1A252251.src=graphic1RolloverBild1A252251.src;
}
//--></script>
<a href="http://www.carookee.com/forum/Dobiline/search" onMouseOver="onRolloverBild1A252251Over(this)" onMouseOut="onRolloverBild1A252251Out(this)"><IMG
ID="RolloverBild1" HEIGHT=22 WIDTH=71 SRC="./suchen1.png" BORDER=0 name=RolloverBild1A252251></a></TD>
</TR>
</TABLE>
</BODY>
</HTML>


Das ganze sieht da aus :


http://binbeiladen.freehost.ag/test/index.html



Aber wie muss ich diesen Text nun umschreiben ?

Kann mir da jemand weiterhelfen ?

Danke im vorraus

lg olly

Re: Rollover - Buttons erstellen !

Auch wenn Javascript genau wie CSS nicht meine heimatbaustelle ist, würde ich mal behaupten, wenn das hier


<script language="JavaScript"><!--
function onRolloverBild1A252251Over() {}
function onRolloverBild1A252251Out() {}
//--></script>
<script language="JavaScript"><!--
graphic1RolloverBild1A252251 = new Image()
graphic1RolloverBild1A252251.src = './suchen1.png';
graphic2RolloverBild1A252251 = new Image()
graphic2RolloverBild1A252251.src = './suchen2.png';
function onRolloverBild1A252251Over() {
document.RolloverBild1A252251.src=graphic2RolloverBild1A252251.src;
}
function onRolloverBild1A252251Out() {
document.RolloverBild1A252251.src=graphic1RolloverBild1A252251.src;
}
//--></script>
<a href="http://www.carookee.com/forum/Dobiline/search" onMouseOver="onRolloverBild1A252251Over(this)" onMouseOut="onRolloverBild1A252251Out(this)"><IMG
ID="RolloverBild1" HEIGHT=22 WIDTH=71 SRC="./suchen1.png" BORDER=0 name=RolloverBild1A252251></a>


der Code für einen Button ist, dann musst du den für die anderen Button anpassen und dann hintereinander weg eingeben. So würde ich es jedenfalls probieren.