[Tuto] Logo des Forums wechselt bei Mouse Over

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:
https://2img.net/i/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

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