bildbasiertes Menü - Vorschläge?

E.A.Murphy · Post by **E.A.Murphy** » Fri 30. Mar 2007, 15:19

Hallo Forum,
Ich habe in v1.2.8 eine Navigation erstellt, die auf unterschidlichen Vorlagen basiert - Also für jeden Punkt in der Navigation eine eigene Seiten-Vorlage.
Zu sehen gibt es das unter: http://www.deutscherimkerbund.de.

Das Problem ist, dass die Navigation unbedingt genau so aussehen muß (mein AD ist da ein bisschen penibel) und natürlich bleibt die Seitenstruktur nicht - wie angenommen - gleich. (daher hebe ich gerade 4h an einem neuen Navipunkt gesessen

)

Meine Frage ist nun, ob jemand vielleicht eine Idee hat, die Navigation in irgend einer Weise Dynamisch zu gestalten?
Die Seite soll über kurz oder lang auf v1.3.0 ungestellt werden (was allerdings einiges an Arbeit kosten wird, da viele direkte verlinkungen drin sind - is aber ein anderes Thema) und in dem Zug wäre eine vernünftige Navi schon ganz nett.

Bin für jede Anregung dankbar.

Jensensen · Post by **Jensensen** » Fri 30. Mar 2007, 16:42

Tach, versteh nich ganz das Prob??!!

Ist doch dynamisch und klappt in v.1.30 genau so....

E.A.Murphy · Post by **E.A.Murphy** » Fri 30. Mar 2007, 17:39

nee, wie gesagt, die Navigation beruht nicht auf einem NAV-Tag o.ä., sondern ist von Hand für jede Seite angepasst.
Da der GT-Mod nicht in der Navi funzt (oder inzwischen doch?) und die Hintergrundfarbe von Weiß nach Gelb mit Verlauf wechseln "muss".

pico · Post by **pico** » Fri 30. Mar 2007, 18:24

Hi

so z.B. die Navi besteht aus:

Code: Select all

<div class="sub1">{NAV_LIST_UL:F,'.$id.',3,back,act,,,}</div>

zu sehen da http://sdfiles.serveftp.net/index.php?Sublevel
die 3 Hauptlevel haben einen Verlauf im CSS als background

Code: Select all

.sub1 ul.back li.sub_ul.back.act a:hover
{ 
  background:#000  url(/img/background.gif) repeat-x; color: #fff; 
}

Post by **flip-flop** » Fri 30. Mar 2007, 20:50

Hi,

ich finde, dein AD sollte sich auch einmal mit den Themen usability und Barrierefreiheit auseinandersetzen. Vor allem für eine Seite eines Verbandes halte ich so etwas für wichtig.
FÜr einen Verein (e.V.) dieser Größenordnung ist es wahrscheinlich sogar gesetzlich vorgeschrieben. (So etwa seit 2002).
Lasse auf jeden Fall JS von der Seite, vor allem bei der Navigation. Ohne fallback geht das gar nicht.

Über die Schrift in der Navi kann man geteilter Meinung sein. Sie ist in der jetzigen Ausführung schlecht lesbar und zu klein.
Schrift als Grafik in einer Navi geht heute nicht mehr. Ist auch völliger Quatsch, vor allem wenn es nur um die Schrift an sich geht.

Die Navi läßt sich übrigens komplett mit CSS steuern, auch mit diesem Verlauf (als Hintergrundbild eingebunden).
Das einzige Problem sind deine Anker unter Adressenübersicht. Hier verträgt aber jeder Unterpunkt locker eine eigene Seite, also fallen sie Anker weg. (Könnte man noch zur Not hinbiegen mit entsprechenden Tags und Artikeln).

Also geht komplett mit der NAV_LIST_UL und nur einem Template und ist dann zumindest in diesem Bereich barrierefrei.

Gruß Knut

Post by **Oliver Georgi** » Fri 30. Mar 2007, 21:56

ich würde dies auf jeden Fall mit CSS umsetzen und ohne Javascript. Kannst Du genauso von Hand machen.

es geht auch zu dynamisieren - ohne hunderte von Vorlagen.

Oliver

E.A.Murphy · Post by **E.A.Murphy** » Tue 3. Apr 2007, 10:46

Danke Jungs,
habe im Moment, alle Hände voll zu tun. Daher kam auch keine Reaktion auf eure Vorschläge. Auch die Umsetzung wird noch etwas dauern, aber ihr habt mir schon sehr weitergeholfen.
Dann werde ich mich jetzt noch über die Gesetzeslage informieren und versuchen, meinen AD (und auch den Kunden) davon zu überzeugen.
Und dann mit v1.3.0 und ner vernünftigen Navi, kann man auch wieder ohne Sorge an die Seite rangehen.

Grüße
Sven

Post by **flip-flop** » Tue 3. Apr 2007, 11:39

Die BITV sagt nicht, das ein e.V. diesem folgen muss. Ein Verein der Größenordnung des Deutschen Imkerbundes tut aber m.A. gut daran, den Webauftritt zumindest in diese Richtung zu gestalten.

wikipedia.org wrote:Die Barrierefreie Informationstechnik-Verordnung (BITV) ist eine Ergänzung des Behindertengleichstellungsgesetzes (BGG) vom 27. April 2002. Diese Verordnung gilt für alle Internetauftritte sowie alle öffentlich zugänglichen Intranetangebote von Behörden der Bundesverwaltung (§ 1). Für Internetangebote der Bundesländer gelten eigene Bestimmungen.

http://de.wikipedia.org/wiki/Barrierefr ... Verordnung
(http://www.einfach-fuer-alle.de/artikel/bitv-reloaded/)

Knut

E.A.Murphy · Post by **E.A.Murphy** » Tue 3. Apr 2007, 16:15

Das war eigentlich meine Rede. Leider bin ich erst relativ spät in die Entwicklung der Site einbezogen worden. Und das Einzige, was ich durchsetzen konnte, war die Möglichkeit der Schriftgrößen-Umschaltung. Zumal die Imker im Durchschnitt 50+ sind. Und die Sehstärke mit zunehmendem Alter abnimmt - wär natürlich besser, die Navi vergrößerte sich mit.
Wie gesagt, ich denke, nächsten Monat steht eine Überarbeitung an. Mal sehen was noch übrig bleibt...

squidi · Post by **squidi** » Tue 3. Apr 2007, 18:13

E.A.Murphy wrote:Da der GT-Mod nicht in der Navi funzt ...

ich nutze ja wcms schon lange nicht mehr aber warum (oder seit wann ?) sollte der GT-Mod in der navigation nicht funzen ? example

E.A.Murphy · Post by **E.A.Murphy** » Tue 3. Apr 2007, 18:41

squidi wrote:ich nutze ja wcms schon lange nicht mehr aber warum (oder seit wann ?) sollte der GT-Mod in der navigation nicht funzen ? example

Zugegeben, den GT-Mod habe ich zuletzt noch vor v1.2.0 in der Navi ausprobiert.
Aber Du hast soeben alle Zweifel ausgeräumt.
Das würde mir die Sache nochmals erleichtern

Post by **flip-flop** » Tue 3. Apr 2007, 18:48

Die Schriftgrößen-Umschaltung auf einer Seite ist mittlerweile eine sehr umstrittene Angelegenheit. Besser ist eigentlich eine Schrift und Größe zu verwenden, die im ersten Ansatz gut lesbar ist. (Z.B. Verdana)
Jeder halbwegs brauchbar Browser hat heute eine Schriftgrößenumschaltung. Natürlich schreien nun wieder die Designer "Das macht mir alles kaputt".
Kann sein, das I-Net wird von dieser Fraktion häufig mit den staischen Printmedien verwechselt.
Die Balance zwischen "Habe ich Lust weiterzulesen" und "Der Artikel ist gut lesbar" ist nicht einfach, aber machbar, trotz größerer Schrift.
Die Typografie spielt aus meiner Sicht eine immer größere Rolle bei der Seitenerstellung. Sie kann sogar zur Gestaltung einer Seite beitragen.

Grundsätzlich gilt jedoch, Schrift als Grafik verpackt in einer Navi ist ein schlechter Ansatz. Das Corporate Design kann sicher auch anders erreicht werden.

- http://www.usability-forum.com/index.html
- http://www.useit.com/
- http://www.phpwcms.de/forum/viewtopic.php?p=78155#78155

Knut

digidotter · Post by **digidotter** » Wed 8. Aug 2007, 13:19

Bekanntermaßen hat z.B. der IE7 eine Zoom-Funktion, welche die komplette Seite vergrößert oder verkleinert. Damit wird also das gesamte Design linear verändert.