Lexi Help
Partner
www.forumieren.com

mouseover effekt in einem Threat oder Post

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

mouseover effekt in einem Threat oder Post

Beitrag von Black82 am Di 18 Okt 2011 - 20:47

Hallo

Ich habe die Suchfunktion benutzt doch leider führte keines der Beispiele zu einer Lösung.

Ich habe von in einem Threat ein Bild durch das überfahren der maus in ein anderes zu verwandeln.
Dafür gibt es ja den mouseover code. nur leider funktioniert das bei mir nicht.

hier ist der code den ich versucht habe.

Code:
<p align="center"><a href="URL/"><img name="de1" onmouseover="de1.src='[img]http://www7.pic-upload.de/16.10.11/fti63f9bcwrf.png[/img]'" onmouseout="de1.src='[img]http://www7.pic-upload.de/16.10.11/8vj14swz9mvl.png[/img]'" src="[img]http://www7.pic-upload.de/16.10.11/8vj14swz9mvl.png[/img]" ></a></p>


Wäre schön wenn mir jemand helfen könnte

MfG Black

Black82
Neuling
Neuling

Beiträge : 31
Anmeldedatum : 16.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: mouseover effekt in einem Threat oder Post

Beitrag von #Frank am Di 18 Okt 2011 - 23:48

Bitte das hier beachten:
http://hilfe.forumieren.com/t18374-hinweis-bezuglich-templateanderungen-scripten-und-html-css-codes
So weie es auf den ersten Blick aussieht, fehlt in der ersten Zeile der Link zum ersten Bild. Da steht URL/. Und das kann nicht richtig sein.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34547
Hinweis : Admin außer Dienst
Anmeldedatum : 13.08.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

Re: mouseover effekt in einem Threat oder Post

Beitrag von Zuckerpuppe am Mi 19 Okt 2011 - 10:43

Ein kleiner Zusatz von mir dazu, damit du nicht alle Codes, die du hier im Forum findest, durchprobieren musst. Wink

Anscheinend hast du den Code aus diesem Thread hier klick

du hast da einiges übersehen...zum einen hast du die Bilder als BBCode eingesetzt und zum anderen funktioniert das nicht in normalen Beiträgen, sondern nur in den Indexmodulen, wie auch aus dem Threadtitel erkennbar ist.

Um ein Mouseover in einem Beitrag darstellen zu können, kannst du kein Javascript anwenden, da diese Funktion in den Beiträgen deaktiviert ist.
Du musst einen reinen HTML-Code erstellen, der mittels CSS die Buttons definiert.
Weiter Infos dazu findest du auf
dieser Seite unter dem Punkt "Buttons mit Bildern"

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: mouseover effekt in einem Threat oder Post

Beitrag von Black82 am Mi 19 Okt 2011 - 15:26

hmm

das habe ich schonmal getestet nur kommt da immer ein leerer Beitrag.

Irgendwie bin ich zu blöd dazu. bekomm es nicht auf die reihe

MfG

Black82
Neuling
Neuling

Beiträge : 31
Anmeldedatum : 16.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: mouseover effekt in einem Threat oder Post

Beitrag von Zuckerpuppe am Mi 19 Okt 2011 - 15:33

Was hast du denn eingesetzt? Poste doch mal den Code hier, damit ich mir das mal ansehen kann.

edit: setz das mal so ein, das sollte funktionieren
Code:
<style type="text/css"> 
.mouseover{
background:url('http://URL ZUR GRAFIK');
display:block;
width:100px;
height:100px;}
.mouseover a:hover{
background:url('http://URL ZUR GRAFIK');
display:block;
width:100px;
height:100px; }
</style>
<div class="mouseover"><a class="mouseover" href="/" title=""></a></div>

Die Grafikadressen musst du noch einsetzen und die Größenangaben entsprechend ersetzen (100px)

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: mouseover effekt in einem Threat oder Post

Beitrag von Black82 am Mi 19 Okt 2011 - 16:09

Code:
  <html>
<body>
 <style type="text/css">
    .mouseover{
    background:url('http://www7.pic-upload.de/16.10.11/8vj14swz9mvl.png');
    display:block;
    width:150px;
    height:150px;}
    .mouseover a:hover{
    background:url('http://www7.pic-upload.de/16.10.11/fti63f9bcwrf.png');
    display:block;
    width:150px;
    height:150px; }
    </style>
    <div class="mouseover"><a class="mouseover" href="/" title=""></a></div>
</body>
</html>

so habe ich es jetzt mal gemacht aber ich sehe immernocheinen leeren post

Black82
Neuling
Neuling

Beiträge : 31
Anmeldedatum : 16.02.10

Benutzerprofil anzeigen

Nach oben Nach unten

Re: mouseover effekt in einem Threat oder Post

Beitrag von Zuckerpuppe am Mi 19 Okt 2011 - 16:55

keine Ahnung, warum das bei dir nicht klappt...

wenn ich meinen Code, wie oben angegeben, in mein Testforum einsetze, dann funktioniert es einwandfrei...sorry, mehr kann ich da auch nicht tun.
Zumal es ja nicht unser Job ist, euch bei Codes zu helfen, wie Frank oben schon richtig erwähnte und auch in dem Link nachzulesen ist.

Ich verschieb das mal in allgemeine Diskussionen...vielleicht kann dir ja da noch jemand anderes weiterhelfen.

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten