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.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

[Tuto] Logo des Forums wechselt bei Mouse Over

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

[Tuto] Logo des Forums wechselt bei Mouse Over

Beitrag von #Frank am Do 25 Aug 2011 - 18:47

Da in der letzten Zeit mal wieder Fragen gestellt wurden, wie man das Logo des Forums auch noch wechseln kann - hier ist das drüberfahren mit der Maus gemeint - habe ich hier heute mal eine Lösung, die ich in phpBB2 und phpBB3 Foren erfolgreich getestet habe und die auch funktionieren.

Hier die Beschreibung der Vorgehensweise:

  • Schritt 1:
Als erstes müssen wir das normale Logo des Forums ausblenden.
Dazu bitte in der Bilderverwaltung:

Adminbereich Anzeige Bilderverwaltung Fortgeschrittene Methode
Das Logo des Forums mit einer transparenten 1 Pixelgrafik ersetzen.
Als Bildlink kann das hier eingetragen werden:
http://illiweb.com/fa/empty.gif
Absenden nicht vergessen!

  • Schritt 2:
In das persönliche CSS unter:

Adminbereich Anzeige Bilderverwaltung Farben Reiter: CSS Stylesheet
entsprechend der Forenversion diese Einträge vornehmen:

Für phpBB2 bitte diesen CSS Code in das Fenster am ende einfügen:
Code:
/*--- Logo wechselt bei Mouse over  by #Frank BEGINN ---*/
/*--- Normales Logo ---*/
#i_logo {
background-image: url("hier die URL zum ersten Logo einsetzen");
    height: 350px;
    width: 900px;
}
/*--- Logo bei Mouse over ---*/
#i_logo:hover {
background-image: url("hier die URL zum zweiten Logo einsetzen");
    height: 350px;
    width: 900px;
}
/*--- Logo wechselt bei Mouse over  by #Frank END ---*/

Für phpBB3 bitte diesen CSS Code in das Fenster am ende einfügen:
Code:
    /*--- Logo wechselt bei Mouse over  by #Frank BEGINN ---*/
    /*--- Normales Logo ---*/
    #logo-desc #logo img{
    background-image: url("hier die URL zum ersten Logo einsetzen");
        height: 256px;
        width: 700px;
    }
    /*--- Logo bei Mouse over ---*/
    #logo-desc:hover #logo:hover img:hover {
    background-image: url("hier die URL zum zweiten Logo einsetzen");
        height: 256px;
        width: 700px;
    }
    /*--- Logo wechselt bei Mouse over  by #Frank END ---*/

Wichtige Hinweise:
Die Adresse zu den Logos muss in die Codes noch eingesetzt werden. An die Stellen wo jetz steht:
hier die URL zum ... Logo einsetzen
bitte die Adresse zu euren Logos einsetzen.
Dabei die Anführungszeichen und die Klammern bitte nicht löschen:
("hier die URL zum zweiten Logo einsetzen")

Es ist äußerst wichtig, das ihr die richtige Größe der Logos auch im CSS mit angebt, weil sonnst das Logo nicht angezeigt wird!
Also diese Angaben bitte anpassen:
height: 256px;
width: 700px;
Hier müssen die Masse eurer Bilder eingetragen werden.

Wenn alle Anpassungen vorgenommen wurden, dann das Absenden bitte nicht vergessen.
Von nun an wechselt eurer Logo beim darüber fahren mit der Maus sein aussehen.

Für die anderen Versionen (punBB und Invision) müssen die Codes bei bedarf noch angepasst werden.

Sollte jemand diese Codes benötigen, kann er sich hier melden und die Adresse seines Forums hier bitte angeben.

Nun viel Spaß mit euren Wechsellogos Wink

Erstellt am 25.08.2011 von #Frank
Jegliche Vervielfältigung und weitere Veröffentlichung von Texten oder Textteilen sowie der enthaltenden Grafiken außerhalb von forumieren.com ist aus Urheberrechtlichen Gründen verboten !
Copyright by #Frank Administrator by Forumieren
avatar
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34605
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