Regeln und nützliche Hinweise
E-Mail-Adressen dürfen nicht veröffentlicht werden!
Lexi Help
Die neuesten Themen
» [phpBB3] Den Mods verbieten Admin posts zu löschen
von inde Heute um 0:20

» [Tutorial - alle Versionen]Schritte zum Migrieren deines Forums zu HTTPS
von Bigtuber Gestern um 22:25

» Forenübernahme wegen langer inaktivät des alten Gründers
von Bigtuber Gestern um 17:06

» Chat wird nicht automatisch aktualisiert
von Davina123 Mi 22 Feb 2017 - 21:13

» Tamashii no Utsuri | Naruto RPG
von May3 Mi 22 Feb 2017 - 17:02

» Forum vor Gästen verschliessen
von inde Mi 22 Feb 2017 - 14:43

» [phpBB2] Werbebanner sitzt falsch im Kopfbereich des Index.
von inde Di 21 Feb 2017 - 21:59

» [phpBB2] Forenseite in PDF umwandeln
von inde Di 21 Feb 2017 - 21:54

» Keine Zugangsdaten zu Forum/ Zugangsdaten verloren gegangen
von Davide S. Di 21 Feb 2017 - 21:22

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:21

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:20

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:18

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:17

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:15

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:15

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:13

Partner
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



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 : 34603
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