Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 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

Hovern von Extramenüs

3 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Hovern von Extramenüs

Beitrag von Blade@CodeLabs Mi 26 Dez 2012 - 15:17

Hey mal wieder Smile
ich hab mir mal Gedanken über das Hovern gemacht. Mit dem normalen Menü ist das ja einfach. Es wurde ja gesagt, dass es mit den selbst eingefügten Menüs nicht funktioniert. Aber ich dachte mir, wieso eigentlich nicht?
Die selbst angelegten Menüs haben doch auch ihren Platz im script, oder? Dann müsste man doch einen code entwerfen können, mit dem man auch die anderen Menüs hovern kann, nicht?

Vielen Dank Wink


Zuletzt von Blade@CodeLabs am Mo 28 Jan 2013 - 20:14 bearbeitet; insgesamt 1-mal bearbeitet (Grund : Done)
Blade@CodeLabs
Blade@CodeLabs
Geselle
Geselle

Männlich Beiträge : 136
Anmeldedatum : 17.11.12
1.Verwarnung
PunBB

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Günther Mi 26 Dez 2012 - 15:34

Hallo,

das hat man dir wohl gesagt, weil die CSS-Zuweisung etwas kniffliger ist, da es für eigene Navigationslinks natürlich keine spezielle Class/ID gibt.
Aber mit einem Attributselektor kann man stattdessen bestens arbeiten. Wink

Ich habe das schonmal einem User erklärt, finde aber gerade den Thread nicht mehr. Deshalb hier nochmals in Kurzform.
Grundsätzlich folgst du diesem Thread:
[CSS] Navibar jeden button einzeln hovern.

Statt z.B. #i_icon_mini_gallery erfolgen die Zuweisungen aber nach folgendem Schema:
Code:
.mainmenu[href="VERWEISZIEL"] img
Bei "Verweisziel" setzt du ein, wohin der Navigationslink verweist - z.B. für eine HTML-Seite deines Forums:
Code:
.mainmenu[href="/h1-test"] img
Liebe Grüße
Günther


Zuletzt von Günther am Mi 26 Dez 2012 - 18:06 bearbeitet; insgesamt 2-mal bearbeitet (Grund : Slash ergänzt)
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Blade@CodeLabs Mi 26 Dez 2012 - 16:09

Ja genau sowas meinte ich Wink hab das schonmal bei Firebug gesehen. Vielen Dank Smile Ich probiers gleich aus ^^
Und dann einfach das aus dem anderen thread einfügen, was?


Zuletzt von #Frank am Mi 26 Dez 2012 - 17:45 bearbeitet; insgesamt 2-mal bearbeitet (Grund : Beispiel eingefügt | Edit by #frank: Beispiel versteckt, da es nicht ganz richtig ist und es auch persönliche Daten enthällt.)
Blade@CodeLabs
Blade@CodeLabs
Geselle
Geselle

Männlich Beiträge : 136
Anmeldedatum : 17.11.12
1.Verwarnung
PunBB

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Günther Mi 26 Dez 2012 - 17:54

Bin wieder da. Smile

Wie du siehst, hat Frank dein Beispiel entfernt, da es zum Einen fehlerhaft ist und zum anderen Daten enthält (deine tid-Sitzungsnummer), die ein Sicherheitsrisiko darstellen können und nie veröffentlicht werden dürfen.

Du hast beim Verweisziel grundsätzlich einen kleinen Denkfehler. Lies dir das nochmal genau durch:
Günther schrieb:Bei "Verweisziel" setzt du ein, wohin der Navigationslink verweist - z.B. für eine HTML-Seite deines Forums:
Code:
.mainmenu[href="/h1-test"] img
Ich denke kaum, dass der Navilink in deinen Adminbereich verweisen soll? Wink

Fällt dir diese Überlegung nicht so leicht, dann denke in dieser Art: "Wenn man auf diesen Navibutton klickt, wohin gelangt man dann?" Diese Ziel-URL siehst du dir an und setzt sie dort ein.
Gelangt man nach einem Klick auf den Navibutton z.B. zu http://codelabs.usersboard.com/h1-htmlseite dann müsste die Zuweisung so aussehen:
Code:
.mainmenu[href="/h1-htmlseite"] img {
  ...
}
.mainmenu[href="/h1-htmlseite"]:hover img {
  ...
}
Trägt das zum besseren Verständnis bei? Smile

Edit:
Endlich habe ich auch den Thread wieder gefunden, in dem ich dieselbe Frage schon mal genauer beantwortet hatte. Das kannst du dir ergänzend noch durchlesen: https://hilfe.forumieren.com/t33710-phpbb2-css-menu#220058
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Günther Mo 28 Jan 2013 - 19:55

Thread wieder geöffnet auf Wunsch von Blade@CodeLabs
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Blade@CodeLabs Mo 28 Jan 2013 - 19:57

Ja, super vielen Dank für die schnelle Entsperrung. Also wenn man sich im Forum das mal ansieht, kann man erkennen, das die Buttons immer erst "verschwinden" bevor dann das hover image erscheint. Langsam wird das etwas nervig, und ich wollte fragen obs da ne Möglichkeit gibt, oder ob ich lieber wieder die normalen images nehmen soll...
Danke...

Edit:
Hovern von Extramenüs Hovern


Zuletzt von Blade@CodeLabs am Mo 28 Jan 2013 - 20:02 bearbeitet; insgesamt 2-mal bearbeitet
Blade@CodeLabs
Blade@CodeLabs
Geselle
Geselle

Männlich Beiträge : 136
Anmeldedatum : 17.11.12
1.Verwarnung
PunBB

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von #Frank Mo 28 Jan 2013 - 20:09

Es gibt da zwei Möglichkeiten.
Du kannst dir diese mal im Netz suchen.
Zum einen gibt es eine Möglichkeit, die Grafiken schon in den Crache vorzuladen, damit sie schon im Speicher sind und nicht erst beim Hovern geladen werden müssen, was diesen Effekt hervorruft.
Und dann gibt es noch diese Möglichkeit:
http://www.ohne-css.gehts-gar.net/0026.php

Edit: das "Vorladen" der grafiken wird hier erklärt:
http://www.web-toolbox.net/webtoolbox/bilder/images-vorladen.htm


Zuletzt von #Frank am Mo 28 Jan 2013 - 20:13 bearbeitet; insgesamt 1-mal bearbeitet
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Günther Mo 28 Jan 2013 - 20:12

Bitte. Smile

Das kommt daher, dass die Hovergrafiken beim Hovern erst geladen werden müssen, bis sie angezeigt werden. Diesen kleinen Moment lang wird deshalb keine Grafik angezeigt, da dein Browser sie noch nicht erhalten hat. Sobald sie einmal geladen wurde, befindet sie sich im Browsercache und wird beim Hovern nahtlos angezeigt.

Aus diesem Grund ist eine gängige Vorgehensweise, Hovergrafiken beim Seitenaufbau vorzuladen - bevor sie dann tatsächlich zum Einsatz kommen. Das führt dazu, dass sie sich bereits beim Laden der Seite im Cache befinden und daraus sofort aufgerufen werden können, sobald sie als Hobergrafik angezeigt werden sollen.
Hierzu gibt es zwei Möglichkeiten:
1) vorladen mit HTML-/CSS-"Tricks"
2) vorladen mit Javascript
Klassisch ist die Scriptumsetzung, aber aus Gründen der generellen Ladezeit und lokalen Performance sollte auf Scripte weitgehend verzichtet werden, falls diese nicht unbedingt nötig sind. Deshalb ist die Vorgehensweise mit HTML/CSS vorzuziehen. Dabei setzt man die Grafiken so in den Quellcode ein, dass sie im Anfangszeitraum des Seitenaufbaus geladen, aber dort nicht angezeigt werden. Dazu könntest du die Grafiken z.B. in ein persönliches Indexmodul einsetzen:
Code:
<img src="BILDURL" style="display: none;" />
...
Dieses erstellst du mit der Option
Die Standardaufstellung nutzen: Nein
und setzt es dann ganz oben in die linke Modulspalte ein.

Als weitere Möglichkeit bieten sich auch noch sogenannte CSS-Sprites an. Dabei handelt es sich um eine moderne Umsetzung, bei der beide Grafiken (Normal- und Hoverzustand) in eine einzelne Grafik eingesetzt werden. Mittels CSS wird diese Hintergrundgrafik dann mit Negativwerten so positioniert, dass jeweils der nicht benötigte Grafikbereich nicht sichtbar ist. Beim Hovern werden diese Werte entsprechend verändert, sodass nun die andere Hälfte der Grafik angezeigt wird. Das wird übrigens bei den Forumieren-Standardbuttons an mehreren Stellen des Forums automatisch so gehandhabt.
Falls dich das interessiert und du dir entsprechende Kenntnisse aneignen willst, kannst du dazu ja auch mal recherchieren. Wink

Edit: Ich habe jetzt auch noch angesendet, weil ich das alles schon geschrieben hatte. Wink
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Blade@CodeLabs Mo 28 Jan 2013 - 20:14

Auf jeden Fall, ich seh mir das mal an Smile Vielen Dank mal wieder!
Blade@CodeLabs
Blade@CodeLabs
Geselle
Geselle

Männlich Beiträge : 136
Anmeldedatum : 17.11.12
1.Verwarnung
PunBB

Nach oben Nach unten

Erledigt Re: Hovern von Extramenüs

Beitrag von Günther Mo 28 Jan 2013 - 20:18

Dann schließe ich hier wieder. Wink
-closed-
Günther
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Mozilla Firefox phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten