Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Umsetzung meines Designs

Eingetragen von fabske (185)
am 15.09.2011 - 18:44 Uhr in
  • Themes & Theming

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?

‹ komischer Fehler mit html.tpl.php Umsetzung eines Entwurfs vom Graphiker als Theme ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

eigentlich sehe ich in diesem

Eingetragen von Nevson (158)
am 15.09.2011 - 19: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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Und wie forme ich dieses

Eingetragen von fabske (185)
am 15.09.2011 - 19: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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

fabske schrieb Und wie

Eingetragen von Thoor (3678)
am 15.09.2011 - 19:40 Uhr
fabske schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

ui das sind aber viele

Eingetragen von Nevson (158)
am 15.09.2011 - 19: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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

fabske schrieb Dann gibt es

Eingetragen von Thoor (3678)
am 15.09.2011 - 19:44 Uhr
fabske schrieb

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 :-)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich kenne mich bereits mit

Eingetragen von fabske (185)
am 21.09.2011 - 11: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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Will mir niemand mehr eine

Eingetragen von fabske (185)
am 27.09.2011 - 12: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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das ist eine Möglichkeit.

Eingetragen von wla (9466)
am 27.09.2011 - 12:50 Uhr

Das ist eine Möglichkeit. Dann gibt es auch noch das Modul [do:imagemenu Imagemenu].

Beste Grüße
Werner

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Hey, pal, don't miss this epic article — it's packed with mind-blowing design and just plain amazing content!
  • Neuinstallation: vermutlich ein rewrite-Problem
  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
Weiter

Neue Kommentare

  • Was für einen Server benutzt
    vor 1 Woche 4 Tagen
  • Wenn die Subdomain auf
    vor 1 Woche 5 Tagen
  • ordnerstruktur
    vor 1 Woche 6 Tagen
  • Die Subdomain muß auf den
    vor 2 Wochen 1 Tag
  • Verwende doch das Tag dafür,
    vor 5 Wochen 3 Tagen
  • Guckst du hier: step by step
    vor 5 Wochen 3 Tagen
  • Guckst du hier: step by step
    vor 5 Wochen 3 Tagen
  • Ich habe ja keine Angst vor
    vor 6 Wochen 5 Tagen
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 7 Wochen 21 Stunden
  • Vielen Dank erst einmal, aber
    vor 7 Wochen 2 Tagen

Statistik

Beiträge im Forum: 250290
Registrierte User: 20518

Neue User:

  • Mropfizzaneld
  • Wolf Dab
  • Scottteday

» Alle User anzeigen

User nach Punkten sortiert:
wla9466
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 26 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association