Umsetzung meines Designs
am 15.09.2011 - 17:44 Uhr in
Ich habe diesen groben Entwurf erstellt, den ich gerne so Umsetzen möchte.
Ganz oben Sieht man eine Auswahl, wo als erste Ebene im Moment "Schulung" aktiviert ist. Die zweite Ebene findet sich dann links. Solange dort "Ausbilderschulung" aktiv ist das rechte Fenster blau. Klickt man auf "Teilnehmerschulung" so wird die Brücke zum rechten Fenster geschlossen und dieser wird orange! Die obige Verbindung zwischen dem Blauen Button und dem Fenster wird gelöst.
Das Problem ist erstmal die Brücke, sie soll nur da auftauchen wo der Button aktiv ist. Das zweite Problem ist der Farbverlauf (man sieht es leicht am blau). Das Blau soll einen Verlauf von oben nach unten haben.
Dann gibt es noch die dritte Ebene im Fenster, mit den Tabs (Trainer1, Trainer2, ..) wo ich auch nicht weit wie ich das drupalspezifisch umsetzen soll. Gibt es da schon ein gutes Theme welches Hauptmenü und Sekundarmenü entsprechend angesetzt haben?
Habt ihr eine Idee wie ich das am besten Umsetze? Mit Grafiken oder mit CSS3?
- Anmelden oder Registrieren um Kommentare zu schreiben
eigentlich sehe ich in diesem
am 15.09.2011 - 18:10 Uhr
eigentlich sehe ich in diesem Entwurf keine Probleme. Alles ziemlich leicht per css umzusetzen.
Die Brücke würde ich mit einer Grafik umsetzen.
Und wie forme ich dieses
am 15.09.2011 - 18:28 Uhr
Und wie forme ich dieses zusammenhängende Gebilde aus Button, Brücke und Fenster? Und wie schaffe ich es diesem Gebilde den Farbverlauf zu geben? Und wie unterscheide ich ob so einen Element gerade aktiv ist oder inaktiv?
Kannst du mir grob einen Lösungsweg nennen?
fabske schrieb Und wie
am 15.09.2011 - 18:40 Uhr
Und wie unterscheide ich ob so einen Element gerade aktiv ist oder inaktiv?
Das tut Drupal für Dich! Drupal nutzt in Menus die Klassen .active-trail für Listenelemente und .active für Links. Nimm Dir Firefox nebst Firebug, dann hast Du die Klassen vor Dir und Du wirst das Tool eh benötigen für Deine geplanten CSS Änderungen.
ui das sind aber viele
am 15.09.2011 - 18:41 Uhr
ui das sind aber viele Fragen.
Eigentlich sogar ziemlich viele. :D
anfang 1
Anfang 2
Anfang 3
mehr kann man dazu erstmal nicht sagen da du ziemlich an Anfang von Drupal stehst.
Eine komplette Anleitung für die Umsetzung wirst du leider nicht hier finden können.
Warum lässt du das Theme nicht machen?
fabske schrieb Dann gibt es
am 15.09.2011 - 18:44 Uhr
Dann gibt es noch die dritte Ebene im Fenster, mit den Tabs (Trainer1, Trainer2, ..) wo ich auch nicht weit wie ich das drupalspezifisch umsetzen soll.
Habt ihr eine Idee wie ich das am besten Umsetze? Mit Grafiken oder mit CSS3?
TABS Navigationen sind eine echte Spezialität des VIEWS Moduls. Lässt sich damit umsetzen!
Und Grafiken oder CSS ... von mir aus mit beidem. Nimm die Möglichkeiten, mit denen Du Dich auskennst, das verspricht am meisten Erfolg :-)
Ich kenne mich bereits mit
am 21.09.2011 - 10:57 Uhr
Ich kenne mich bereits mit CSS aus und mit Drupal arbeite ich auch nicht das erste Mal, aber ich würde es gerne gleich richtig machen und frage deshalb besser nach, denn so einfach wie ihr das darstellt finde ich es nicht.
Momentan habe ich es meiner Meinung nach nicht sehr toll gelöst: Ich habe zuerst mal eine Seite "Schulung" erstellt (ganz rechts oben!). Dazu 4 Seiten, jeweils zwei für Ausbilderschulung (Trainer1 und Trainer2) und dazu zwei für Teilnehmerschulung (Lehrgang1 und Lehrgang2). Die Seiten haben keine Hirarchie, weil ich nicht ganz verstehe warum man Seiten als Unterseiten angelegen kann, aber gleichzeitig noch die URL frei bestimmen und auch noch in Menüs eine Ordnung bestimmen.
Hier: http://www.kompakt-technik-schulung.de
Nun habe ich für die Tabs einfach mal zwei Tabmenüs angelegt (Tabmenü Ausbilderschulung und Tabmenü Teilnehmerschulung). Die 4 Seiten sind in diese beiden Menüs eingeordnet und sollen später per CSS die Tabs werden. Das Seitenmenü Schulung enthält nur Links auf jeweils Trainer1 und Lehrgang1, das braucht keine Seite zu sein weil wenn man auf "Ausbilderschulung" klickt soll gleich Trainer1 kommen, dann kann man über die Tabs weitergehen.
Was jetzt noch fehlt sind die beiden Tabmenüs so zu konfigurieren, dass sie nur für die jeweiligen Seiten angezeigt werden. Genauso das spezielle Seitenmenü Schulung, es soll nur auf der Seite Schulung angezeigt werden.
Damit brauche ich dann eben viele Menüs und stelle immer ein wo und wann diese angezeigt werden. Was haltet ihr davon? Ich würde das auch gerne mit Seitenhirarchien machen und dann eben nur bestimmte Ebenen in den Menüs anzeigen lassen, falls sowas überhaupt geht?
Will mir niemand mehr eine
am 27.09.2011 - 11:34 Uhr
Will mir niemand mehr eine Antwort geben??
Ich hätte da nämlich gleich die nächste Frage: Meine Buttons oben (Home, Schulung, usw.) sollen alle ein eigenes Icon haben. Wie kann ich per CSS jedem ein eigenes Icon geben? Firebug sagt mir, dass jeder Button einer eigenen Klasse angehört (z.B. menu-204). Also einfach diese Klasse erstellen/bearbeiten?
Das ist eine Möglichkeit.
am 27.09.2011 - 11:50 Uhr
Das ist eine Möglichkeit. Dann gibt es auch noch das Modul [do:imagemenu Imagemenu].
Beste Grüße
Werner