Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Chatbox einloggen nicht möglichvon Hirnsuppe Gestern um 9:24
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
» [Klassische Version] Gründer/Admin Passwort vergessen / Forum löschen
von Skouliki Di 17 Sep 2024 - 11:14
» Eigene Bildergalerie entfernen
von Skouliki Di 17 Sep 2024 - 11:13
» Neu: Grid layout-Design für AwesomeBB und ModernBB
von Joost Fr 16 Aug 2024 - 7:44
» [Invision] Profil Drop Down verschoben
von Skouliki Sa 20 Jul 2024 - 17:01
» [Invision] Erklärung PWA Aktivierung + Mobile Version Problem
von Skouliki Do 18 Jul 2024 - 23:47
» [Invision] Beschreibung der Kategore einfügen
von Joost Mi 17 Jul 2024 - 8:52
» [Invision] Gefällt mir Button erscheint nicht
von Joost Mo 15 Jul 2024 - 18:14
» Goldhauch´s Plauderforum
von Joost Fr 12 Jul 2024 - 19:34
» [Invision] User Style Änderung - Code geht nicht
von Skouliki Do 11 Jul 2024 - 23:03
» [PunBB] Forum aufsplitten/teilen - ist das möglich?
von Joost Mi 10 Jul 2024 - 17:46
» Technische Wartung in der Zentrale: Montag 1 Juli, und Montag 8 Juli
von Joost Mo 24 Jun 2024 - 17:20
» [phpBB2] Mystic - new beginning RPG
von Raine Kamiya Fr 21 Jun 2024 - 20:52
» Neue Mitarbeiter gesucht
von Joost Fr 21 Jun 2024 - 20:26
» Lange Ladezeiten
von Skouliki Mi 19 Jun 2024 - 19:35
» Gründer E-Mailadresse ändern
von Skouliki Fr 7 Jun 2024 - 12:49
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Grid-Layout für alle Forumversionen verfügbar ( 1 )
» Beitrag von Joost in [phpBB2] Admin Passwort nicht korrekt
( 1 )
» Beitrag von Silicon9 in [Klassische Version] Gründer/Admin Passwort vergessen / Forum löschen
( 1 )
[phpBB2] Navigation hovern - Transition
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Navigation hovern - Transition
Hallo, ich bins wieder!
Ich habe jetzt versucht, einen Transition-Effekt einzufügen, sodass meine Navigation nicht so abrupt gehovert wird. (Transition: all 1s ease)
Ich habe das auf 2 Arten probiert, einerseits gleich in den Hover-Effekt mit dem Bild. Ausschnitt:
Andererseits ins Mainmenu allgemein:
Nichts von beidem funktioniert, es ist nach wie vor so abgehackt.
Kann mir da jemand helfen?
-Wolf
Ich habe jetzt versucht, einen Transition-Effekt einzufügen, sodass meine Navigation nicht so abrupt gehovert wird. (Transition: all 1s ease)
Ich habe das auf 2 Arten probiert, einerseits gleich in den Hover-Effekt mit dem Bild. Ausschnitt:
- Code:
#i_icon_mini_members{
background-image:url(http://i39.servimg.com/u/f39/18/67/48/40/mitgli11.png);
height:31px;
width:115px;
transition: all 1s ease;
}
#i_icon_mini_members:hover{
background-image:url(http://i39.servimg.com/u/f39/18/67/48/40/ho_mem10.png);
height:31px;
width:115px;
transition: all 1s ease;
}
Andererseits ins Mainmenu allgemein:
- Code:
.mainmenu {
text-align: left;
margin: 5px;
transition: all 1s ease;
}
.mainmenu:hover {
transition:all 1s ease;
}
Nichts von beidem funktioniert, es ist nach wie vor so abgehackt.
Kann mir da jemand helfen?
-Wolf
Zuletzt von Wolfspelz am So 24 Aug 2014 - 18:53 bearbeitet; insgesamt 1-mal bearbeitet
Wolfspelz- Geselle
- Beiträge : 52
Anmeldedatum : 19.07.14
Re: [phpBB2] Navigation hovern - Transition
Hallo,
background-image ist kein Wert, der von der transition-Eigenschaft unterstützt wird:
http://www.w3.org/TR/css3-transitions/#animatable-properties
Du kannst den Übergang zwischen zwei Hintergrundbildern desselben Elements also mit CSS nicht fließend gestalten.
Für ein weiches Überblenden zwischen zwei Bildern mit CSS müsste man zwei gleichrangige (nicht Eltern- und Kindelement) Bilder bzw. Elemente mit Hintergrundbild aufeinander positionieren und das obenliegende Element beim Hovern per transition: opacity weich ausblenden, sodass man das darunterliegende Bild/Element sieht. Das ist die einzige Möglichkeit dazu.
In der Navigation eines Forumieren-Forums ist das auch mit CSS nicht möglich, weil es dort keine zwei gleichrangigen Elemente pro Navigationsmenü gibt, sondern nur Familienelemente (pro Menü sind das 1 Elternelement .mainmenu und 1 Kindelement #i_icon_...). Damit ist dieser Effekt nicht möglich.
Liebe Grüße
Günther
background-image ist kein Wert, der von der transition-Eigenschaft unterstützt wird:
http://www.w3.org/TR/css3-transitions/#animatable-properties
Du kannst den Übergang zwischen zwei Hintergrundbildern desselben Elements also mit CSS nicht fließend gestalten.
Für ein weiches Überblenden zwischen zwei Bildern mit CSS müsste man zwei gleichrangige (nicht Eltern- und Kindelement) Bilder bzw. Elemente mit Hintergrundbild aufeinander positionieren und das obenliegende Element beim Hovern per transition: opacity weich ausblenden, sodass man das darunterliegende Bild/Element sieht. Das ist die einzige Möglichkeit dazu.
In der Navigation eines Forumieren-Forums ist das auch mit CSS nicht möglich, weil es dort keine zwei gleichrangigen Elemente pro Navigationsmenü gibt, sondern nur Familienelemente (pro Menü sind das 1 Elternelement .mainmenu und 1 Kindelement #i_icon_...). Damit ist dieser Effekt nicht möglich.
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Navigation hovern - Transition
Okay, das ist schade.
Danke trotzdem und einen schönen Abend noch!
-Wolf
Danke trotzdem und einen schönen Abend noch!
-Wolf
Wolfspelz- Geselle
- Beiträge : 52
Anmeldedatum : 19.07.14
Re: [phpBB2] Navigation hovern - Transition
Bitte, ebenfalls schönen Abend.
-closed-
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Navigation einzeln hovern
» [phpBB2 & phpBB3] Avatarbild dreht sich beim Hovern / Avatar Rotation
» [phpBB2] Avatar hovern
» [phpBB2] Navibar hovern
» [phpBB2] "Wer ist Online"-Bild hovern
» [phpBB2 & phpBB3] Avatarbild dreht sich beim Hovern / Avatar Rotation
» [phpBB2] Avatar hovern
» [phpBB2] Navibar hovern
» [phpBB2] "Wer ist Online"-Bild hovern
Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten