Page 1 of 1

Tutorial: horizontale Dropdown-/Flyout-Navigation

Posted: Sat 30. Aug 2008, 22:38
by santscho
Was viele nicht wissen, phpwcms kommt schon standardmässig mit einer horizontalen Dropdown-/Flyout-Navigation daher. Wie man diese sehr einfach gehaltene Navigation modifiziert und im Template integriert, wird im neuen Tutorial erklärt. Schneller Erfolg garantiert :-)

Dieses Tutorial richtet sich auch an Nicht-YAMLer!

http://www.yaml.phpwcms.org/phpwcms-horizontal.phtml

Re: Tutorial: horizontale Dropdown-/Flyout-Navigation

Posted: Sat 30. Aug 2008, 22:58
by Jensensen
Hi Ralph,

was meinst Du mit
santscho wrote:...phpwcms kommt schon standardmässig mit einer horizontalen Dropdown-/Flyout-Navigation daher. ...
insbesondere mit "standardmäßig"? Ist das nicht ohnehin nur meist eine Frage von CSS?

Der "ID-trigger" der NAV_LIST_UL, der den Quelltext hingegen substantiell ändert [output], öffnet weitere Möglichkeiten --> für eine Formatierung/Gestaltung - wiederum - auf der Basis von CSS.

Zu den horizontalen Navi's gehören auch die, womöglich in Vergessenheit geratenen, NAV_ROW, NAV_LIST_TOP...
(diese berücksichtigen jedoch lediglich meist nur einen/den aktuellen site level => kein drop/fly [output])

Horizontal wird die UL doch ohnehin nur durch CSS.

Was macht also die :HCSS so special?
(abgesehen vom "z-index: 150 [+x];" unter yamelit)

Re: Tutorial: horizontale Dropdown-/Flyout-Navigation

Posted: Sun 31. Aug 2008, 03:57
by santscho
Mit "standardmässig" meine ich, dass weder eine CSS-Datei auf den Server hochgeladen und in das Template integriert werden muss und auch kein Frontend-Renderskript aktivieren notwendig ist. Das ist alles :-)
Der "ID-trigger" der NAV_LIST_UL, der den Quelltext hingegen substantiell ändert [output], öffnet weitere Möglichkeiten --> für eine Formatierung/Gestaltung - wiederum - auf der Basis von CSS.
Deshalb der Hinweis im Tutorial, dass für "Pro" entsprechende Dokumentationen im phpwcms-Forum zu finden ist. Das Tutorial ist absichtlich sehr einfach gehalten.
womöglich in Vergessenheit geratenen, NAV_ROW
Ganz und gar nicht in Vergessenheit geraten! Siehe Tutorial "Horizontale Header-Navigation" http://www.yaml.phpwcms.org/yaml-header ... ntal.phtml
Was macht also die :HCSS so special? (abgesehen vom "z-index: 150 [+x];" unter yamelit)
z-index hat nichts speziell mit dieser Navi zu tun. Das Problem würde bei jeder Anderen auch auftreten.
Der einzige Grund, warum ich mich für ein Tutorial für die HCSS-Navigation entschieden habe: Für Anfänger sehr einfach zu verstehen und schnell integriert. War gestern mit flip-flop im Skype. Er hat sich das Tutorial angeguckt und für in Ordnung befunden. Doch meinte er (ich erlaube mir, diesen teil der Konversation aus dem Skype-Protokoll einzufügen):
Diese Navi ist eigentlich nur bedingt brauchbar, macht zuviel Stress. Das ist eine Basis-CSS wie man es machen könnte. Mit viel Mühe bekommt man die sicher auch lauffähig für allle Lebenslagen.
Ich habe das aufgegeben und verwende eine andere NAVI für DropDown und FlyOut, die dann auch das Zuklappen beim Abrutschen unterdrückt. Allerdings ist die HCSS für den schnellen Erfolg sicher brauchbar.
Leider hatten wir nicht so viel Zeit um weiter zu plaudern (bei mir war schon 4 Uhr morgens), doch momentan kann ich keine Nachteile sehen. Die HCSS-Navi wird (jedenfalls bei mir) prima ausgegeben. Ich werde mit Knut sicher nochmals Kontakt aufnehmen, um mehr über seine Bedenken zu erfahren.
Jedenfalls habe ich noch ein paar Gigabytes auf dem Webserver leer. Also noch viel viel Platz für weitere Tutorials für Navigationen basiert auf {NAV_LIST_UL....}.
Mein Ziel ist es, bisschen das "Navigations-Chaos" im Forum aufzuräumen. Sicher werden später noch in den jeweiligen Tutorials die Links zu den entsprechenden Foren-Beiträgen auch noch publiziert.