Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Kleine Problem (ModernBB BETA)
von inde Heute um 12:56

» [phpBB2] Saol Eile : Welt der Mythen
von Sunshinex33 Heute um 3:12

» Signal für Chat
von Ave Gestern um 20:30

» [ModernBB] Transparenz der Tabelle
von deafgopro Gestern um 15:47

» [phpBB2] "Ihre Sitzung ist abgelaufen".
von inde Gestern um 11:58

» [ModernBB] Avatar - Profil auf die linke Seite
von deafgopro Mo 24 Apr 2017 - 21:52

» Benachrichtigungen
von inde Mo 24 Apr 2017 - 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Mo 24 Apr 2017 - 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Mo 24 Apr 2017 - 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

www.forumieren.de

Wo den HTML-Code für ein Mousover beim Header eintragen?

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von thecharly. am Mi 24 Aug 2011 - 14:22

Hallo!
Ich habe schon gesucht und auch einen Code gefunden, für den Mousovereffekt mit Bilderwechsel.
Nur leider habe ich nicht gefunden, wo ich den einfügen muss.

Bitte um Hilfe, danke :'))
avatar
thecharly.
Lehrling
Lehrling

Weiblich Beiträge : 70
Anmeldedatum : 14.07.11
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Mi 24 Aug 2011 - 17:36

Meinst du so wie in diesem Forum?
http://frank3.forumieren.eu/



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von thecharly. am Mi 24 Aug 2011 - 21:18

Ja, genauso meine ich es. Wink
Nur, dass sich meins halt von schwarz/weiß zu farbig ändern soll.
avatar
thecharly.
Lehrling
Lehrling

Weiblich Beiträge : 70
Anmeldedatum : 14.07.11
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Mi 24 Aug 2011 - 22:56

Hast du dazu zwei verschiedene Grafiken oder wie willst du das machen?



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von thecharly. am Mi 24 Aug 2011 - 23:26

Jap, habe dazu zwei verschiedene. Einmal in schwarz/weiß und einmal in Farbe. (Übrigens beide von Anju erstellt. *-*)
avatar
thecharly.
Lehrling
Lehrling

Weiblich Beiträge : 70
Anmeldedatum : 14.07.11
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Do 25 Aug 2011 - 3:14

Gut, dann erkläre ich nun wie du das einsetzen musst.

Als erstes gehst du bitte in der Bilderverwaltung dort hin wo du jetzt dein Logo eingesetzt hast und Löschst dieses. Du setzt dort bitte als Bilderlink das hier ein:
http://illiweb.com/fa/empty.gif

Damit hast du das Logo schon mal weg.
Nun der zweite Schritt:
Du gehst bitte auf dein Persönliches CSS:
Adminbereich Arrow Anzeige Arrow Bilder & Farben Arrow Farben Arrow CSS Stylesheet

Dort fügst du bitte am Ende diesen Code ein:
Code:
/*--- Logo wechselt bei Mouse over  by #Frank BEGINN ---*/
/*--- Normales Logo ---*/
#i_logo {
background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror10.jpg");
    height: 267px;
    width: 800px;
}
/*--- Logo bei Mouse over ---*/
#i_logo:hover {
background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror11.jpg");
    height: 267px;
    width: 800px;
}
/*--- Logo wechselt bei Mouse over  by #Frank END ---*/
Absenden nicht vergessen!

Ich habe hier schon zwei deiner Grafiken eingesetzt. Du musst aber immer darauf achten, das beide Banner die gleiche Größe haben und diese auch bei den Bildern mit angeben.
Ohne Größenangabe wird das Bild nicht angezeigt.
Sind die Größen unterschiedlich dann kommt es zu unschönen Sprüngen beim darüber fahren.

Viel Spaß mit dem Wechselnden Banner.



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von thecharly. am Do 25 Aug 2011 - 16:42

Danke für deine Antwort, aber bei mir wird da leider überhaupt kein Bild angezeigt. ;o
avatar
thecharly.
Lehrling
Lehrling

Weiblich Beiträge : 70
Anmeldedatum : 14.07.11
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Do 25 Aug 2011 - 16:48

Hast du den Code unverändert eingesetzt oder hast du Änderungen daran vorgenommen?



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Do 25 Aug 2011 - 16:56

In deinem Forum http://themystic.forumieren.com/ sehe ich nicht eine der Änderungen eingetragen. Warum sehe ich das nicht?
Hast du es wieder raus genommen?

Edit:
Ich sehe, das es sich um ein anderes Forum handelt. Ich denke das du dieses Forum meinst:
http://secrets.getboard.net/
Hier ist das was anderes, weil es sich um ein phpBB3 Forum handelt. Der Code oben war für ein phpBB2 Forum..
Bitte mal den Code den du eingesetzt hast raus nehmen und durch diesen ersetzen:
Code:
    /*--- Logo wechselt bei Mouse over  by #Frank BEGINN ---*/
    /*--- Normales Logo ---*/
    #logo-desc #logo img{
    background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror10.jpg");
        height: 267px;
        width: 800px;
    }
    /*--- Logo bei Mouse over ---*/
    #logo-desc:hover #logo:hover img:hover {
    background-image: url("http://i47.servimg.com/u/f47/12/67/16/15/horror11.jpg");
        height: 267px;
        width: 800px;
    }
    /*--- Logo wechselt bei Mouse over  by #Frank END ---*/


Zuletzt von #Frank am Do 25 Aug 2011 - 17:20 bearbeitet; insgesamt 1-mal bearbeitet



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Do 25 Aug 2011 - 17:12

Bitte mal meinen Edit oben beachten.
Du musst bei dir einen anderen Code im CSS eintragen!



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von thecharly. am Do 25 Aug 2011 - 18:56

Sorry, Frank, habe deinen Edit erst später gesehen.
Hat nun funktioniert. Vielen Dank, für deine Hilfe. :'))
avatar
thecharly.
Lehrling
Lehrling

Weiblich Beiträge : 70
Anmeldedatum : 14.07.11
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Wo den HTML-Code für ein Mousover beim Header eintragen?

Beitrag von #Frank am Do 25 Aug 2011 - 19:01

Alles Klar... so sieht es doch schön aus.
Da kannst du mal sehen, wie Wichtig es ist, das wir hier wissen um welche Forenversion es sich handelt.
Gerade bei CSS ist es wichtig das man sich das Forum anschauen kann, damit man weiß um welche Version es sich handelt.

Sollte jemand noch mal etwas zu diesem Thema suchen, habe ich hier ein Tuto erstellt.

Freut mich das es nun klappt und mache hier nun zu.



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!
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34607
Hinweis : Admin a.D.
Anmeldedatum : 13.08.08
keine
Firefox phpBB2

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