MyBB.de Forum
*Puff* Seite lößt sich in rauch auf - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Sonstiges (https://www.mybb.de/forum/forum-1.html)
+--- Forum: Programmierung (https://www.mybb.de/forum/forum-32.html)
+--- Thema: *Puff* Seite lößt sich in rauch auf (/thread-12129.html)



*Puff* Seite lößt sich in rauch auf - aTCWiki - 17.01.2009

Hallo ihr Lieben,

wollte auch mal so coole Buttons mit mousemover oder wie das auch heißt haben (Buttons, wenn man mit der Maus drüber geht der selbe Button mit enem andern Farbton ets. ersetzt wird).

Der Code dafür find ich ist ein ganz schöner Brummer der mir zu schaffen macht.

Schaut mal.

http://atcwiki.kilu.de/knechte-des-boesen/Neues%20Textdokument.htm

Das mit den Buttons funktioniert auch, die werden von blau in grau ... Alles spitze.

Allerdings wenn ihr über jeden mehrmals drüber fahrt verschwindet alles bis auf die Buttons, hier mal der Quelltext für Euch.

Code:
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "http://atcwiki.kilu.de/knechte-des-boesen/Forum-Button aktiv.png";     /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "http://atcwiki.kilu.de/knechte-des-boesen/Forum-Button.png"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "http://atcwiki.kilu.de/knechte-des-boesen/News-Button aktiv.png";     /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "http://atcwiki.kilu.de/knechte-des-boesen/News-Button.png"; /* zweite Highlight-Grafik */

Normal3 = new Image();
Normal3.src = "http://atcwiki.kilu.de/knechte-des-boesen/TeamSpeak-Button aktiv.png";     /* dritte Standard-Grafik */
Highlight3 = new Image();
Highlight3.src = "http://atcwiki.kilu.de/knechte-des-boesen/TeamSpeak-Button.png"; /* dritte Highlight-Grafik */

Normal4 = new Image();
Normal4.src = "http://atcwiki.kilu.de/knechte-des-boesen/Profil-Button aktiv.png";     /* dritte Standard-Grafik */
Highlight4 = new Image();
Highlight4.src = "http://atcwiki.kilu.de/knechte-des-boesen/Profil-Button.png"; /* dritte Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
<style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p  { color:#000000; font-family:Arial,sans-serif; }
</style>
</head>
<body bgcolor="#FFFFFF">

<center><img src="Knechte des Bsen.png"><br><img src="Mitte.png"><br><br><br></br></br></br></br>

<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">



<a href="Forum.htm"
   onmouseover="Bildwechsel(0, Highlight1)"
   onmouseout="Bildwechsel(0, Normal1)"><img src="http://atcwiki.kilu.de/knechte-des-boesen/Forum-Button aktiv.png"
   border="0" alt="Home"></a>
<a href="../../../helferlein/index.htm"
   onmouseover="Bildwechsel(1, Highlight2)"
   onmouseout="Bildwechsel(1, Normal2)"><img src="http://atcwiki.kilu.de/knechte-des-boesen/News-Button aktiv.png"
   border="0" alt="Helferlein"></a>
<a href="../../../layouts/index.htm"
   onmouseover="Bildwechsel(2, Highlight3)"
   onmouseout="Bildwechsel(2, Normal3)"><img src="http://atcwiki.kilu.de/knechte-des-boesen/TeamSpeak-Button aktiv.png"
   border="0" alt="Layouts"></a>
<a href="../../../layouts/index.htm"
   onmouseover="Bildwechsel(3, Highlight4)"
   onmouseout="Bildwechsel(3, Normal4)"><img src="http://atcwiki.kilu.de/knechte-des-boesen/Profil-Button aktiv.png"
   border="0" alt="Layouts"></a>

</td><td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
<td valign="top">

</td>
</tr>
</table>

</body>
</html>

Wenn ich den Code ohne diese Zeile lasse funktioniert alles.
Code:
<center><img src="Knechte des Bsen.png"><br><img src="Mitte.png"><br><br><br></br></br></br></br>

Hab das unter <head> gepackt... Die Zeilen beinhalten die große Kugel und die Überschrift (die auch immer dann verschwindenSad)

Ich vermute mal ich Trottel hab das an der falschen Stelle eingefügt, hab schon einige probiert, will aber nicht funktionieren.

Bitte, wer kann mir helfen? Hab mir jetzt doch soviel Mühe gegeben.

Gruß,

atcwiki

P.S.: Bitte rettet meinen Tag. Smile
Wie heißt es so schön? Dummheit muss bestraft werden! Und ich wurde bestraft, gegrübelt und getüfftelt habe ich.

Man muss ja angeben die wievielte Grafik auf der Seite ausgetauscht werden soll ... Tja, ich hab die zwei Bilder (Überschrift, Kugel) nicht mitbedacht. D.h. ich hätte die Zahlen bei den Buttons nur um zwei nach hinten veschieben müssen. *g*

Ok, damit hat sich das erledigt, sorry für den Beitrag.Big Grin

P.S.: Mit am besten finde ich die Tatsache das "Doppel-Posts" in den selben Beitrag gefasst werden und durch eine Linie geteilt werden. Wirklich spitze Idee, das und vieles mehr macht MyBB zu dem was es ist! Einer Klasse Software! (Endlich wird kein Müll mehr in meinem Forum geschrieben weil sie alle ihren Beitragszähler in die Höhe treiben wollen ...)