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

Umsetzung meines Designs

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Und wie forme ich dieses

Eingetragen von fabske (185)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

fabske schrieb Und wie

Eingetragen von Thoor (3678)
am 15.09.2011 - 18: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 - 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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

fabske schrieb Dann gibt es

Eingetragen von Thoor (3678)
am 15.09.2011 - 18: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 - 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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Will mir niemand mehr eine

Eingetragen von fabske (185)
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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das ist eine Möglichkeit.

Eingetragen von wla (9461)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Woche 5 Tagen
  • Hey danke
    vor 1 Woche 6 Tagen
  • Update: jetzt gibt's ein
    vor 2 Wochen 4 Stunden
  • Hallo, im Prinzip habe ich
    vor 2 Wochen 4 Tagen
  • Da scheint die Terminologie
    vor 2 Wochen 4 Tagen
  • Kannst doch auch alles direkt
    vor 3 Wochen 1 Tag
  • In der entsprechenden View
    vor 3 Wochen 1 Tag
  • Dazu müsstest Du vermutlich
    vor 3 Wochen 1 Tag
  • gelöst
    vor 5 Wochen 5 Tagen
  • Ja natürlich. Dass ist etwas,
    vor 5 Wochen 6 Tagen

Statistik

Beiträge im Forum: 250233
Registrierte User: 20451

Neue User:

  • ByteScrapers
  • Mroppoofpaync
  • 4aficiona2

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 30 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