Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?von Joost Gestern um 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam ( 2 )
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium
( 2 )
» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
[phpBB2] Menüleiste einzeln abdunkeln bei Berührung?
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Menüleiste einzeln abdunkeln bei Berührung?
Derzeit habe ich diesen Code von unten eingefügt, damit die einzelnen Menüpunkte bei Berührung durchsichtig werden. Kann man den Code auch abändern, damit die Menüpunkte nicht durchsichtig werden sondern bei Berührung sich einzeln abdunkeln (Forum 1)? Es sollte so werden wie die einzelnen Bilder auf der Portalseite ganz unten die bei Berührung automatisch abdunkeln.
- Spoiler:
- /* Buttons der Menüleiste Hovern */
a.mainmenu:hover{
text-decoration: underline;
position: relative; top: -0.0px; left: -0.0px;
opacity: 0.6;
}
/*----- ENDE ---*/
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Menüleiste einzeln abdunkeln bei Berührung?
Hallo,
Du selbst hast für den Effekt der Portalbilder den folgenden Code in dein Stylesheet eingesetzt:
Liebe Grüße
Günther
Wo liegt dann die Schwierigkeit, den Effekt von deinen Portalbildern auf die Navibuttons zu übertragen?silberling schrieb:Es sollte so werden wie die einzelnen Bilder auf der Portalseite ganz unten die bei Berührung automatisch abdunkeln.
Du selbst hast für den Effekt der Portalbilder den folgenden Code in dein Stylesheet eingesetzt:
- Code:
.fotoBox img {
transition: opacity 0.3s linear 0s;
}
.fotoBox img:hover {
opacity: 0.3;
}
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Menüleiste einzeln abdunkeln bei Berührung?
Ich habe es auch schon versucht, nur wenn ich den Code einfüge werden die Menüpunkte durchsichtig was ich jedoch nicht haben möchte?
- Spoiler:
- .mainmenu img {
transition: opacity 0.3s linear 0s;
}
.mainmenu img:hover {
opacity: 0.3;
}
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Menüleiste einzeln abdunkeln bei Berührung?
Dann muss ich dir das nochmal erklären. In beiden Fällen handelt es sich genau um denselben Effekt.
"Opacity" gibt den Grad der Transparenz an. Die Bilder am Portalseitenende befinden sich auf einem schwarzen Hintergrund. Werden sie teiltransparent, scheint der schwarze Hintergrund zum Teil durch - und du nimmst sie als dunkler wahr.
Befinden sich die Navibuttons hingegen auf einem helleren Hintergrund (Banner), dann führt derselbe opacity-Effekt zum genauen Gegenteil: Die helleren Bereiche scheinen zum Teil durch - und du nimmst die Buttons dadurch als durchsichtig wahr.
Fazit: Opacity erfüllt in beiden Fällen genau dieselbe Wirkung, aber wegen der unterschiedlichen Hintergründe nimmst du diese einmal als "Verdunklung" und einmal als "Durchsichtigkeit" wahr.
Weitere CSS-Möglichkeiten, um die Helligkeit zu verändern, gibt es momentan noch nicht. CSS-Filter werden u.a. diese Möglichkeit in Zukunft hoffentlich bieten, derzeit werden sie aber noch nicht von allen gängigen Browsern unterstützt, auch von Firefox nicht.
Also bleibt dir nur die Möglichkeit mit opacity und einem dunkleren Hintergrund auch für die Navibuttons übrig, wenn ihre Helligkeit beim Hovern abnehmen soll. Dazu stehen dir zwei Wege offen:
"Opacity" gibt den Grad der Transparenz an. Die Bilder am Portalseitenende befinden sich auf einem schwarzen Hintergrund. Werden sie teiltransparent, scheint der schwarze Hintergrund zum Teil durch - und du nimmst sie als dunkler wahr.
Befinden sich die Navibuttons hingegen auf einem helleren Hintergrund (Banner), dann führt derselbe opacity-Effekt zum genauen Gegenteil: Die helleren Bereiche scheinen zum Teil durch - und du nimmst die Buttons dadurch als durchsichtig wahr.
Fazit: Opacity erfüllt in beiden Fällen genau dieselbe Wirkung, aber wegen der unterschiedlichen Hintergründe nimmst du diese einmal als "Verdunklung" und einmal als "Durchsichtigkeit" wahr.
Weitere CSS-Möglichkeiten, um die Helligkeit zu verändern, gibt es momentan noch nicht. CSS-Filter werden u.a. diese Möglichkeit in Zukunft hoffentlich bieten, derzeit werden sie aber noch nicht von allen gängigen Browsern unterstützt, auch von Firefox nicht.
Also bleibt dir nur die Möglichkeit mit opacity und einem dunkleren Hintergrund auch für die Navibuttons übrig, wenn ihre Helligkeit beim Hovern abnehmen soll. Dazu stehen dir zwei Wege offen:
- Du sorgst auch bei den Navibuttons für einen schwarzen Hintergrund, indem du den Bereich des Banners, auf dem sich die Navibuttons befinden, entsprechend umgestaltest bzw. die Navibuttons auf einen schwarzen Hintergrund umpositionierst.
- Du lässt einen schwarzen Hintergrund über CSS anzeigen, sodass dieser beim Hovern durch die opacity der Buttons seine Wirkung erfüllt.
Dazu ist also Voraussetzung nötig, dass du diese Eigenschaft wieder entfernst:- Code:
a.mainmenu:hover {
opacity: 0.6;
}
Anschließend kannst du folgende CSS-Codes einsetzen:- Code:
.mainmenu {
background-color: #000000;
display: inline-block;
height: HÖHE DER NAVIBUTTONS IN PX;
}
.mainmenu:hover img {
opacity: 0.5;
}
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Menüleiste einzeln abdunkeln bei Berührung?
Bitte.
-closed-
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] [phpBB2] Menüleiste zerschossen (doppelt Bild & Link zu sehen)
» [phpBB2] Navigation einzeln hovern
» [phpBB2] NaviBar mit Grafiken einzeln hovern (CSS(!?))
» [phpBB2] Menüleiste im Banner
» [phpBB2] Position der Menüleiste
» [phpBB2] Navigation einzeln hovern
» [phpBB2] NaviBar mit Grafiken einzeln hovern (CSS(!?))
» [phpBB2] Menüleiste im Banner
» [phpBB2] Position der Menüleiste
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten