[erledigt] Ich verstehe es nicht mehr - CSS + Themes

Das hat schlichtweg überhaupt nichts mit Drupal zu tun, sondern einzig und allein mit CSS-Kenntnissen. Drupal ist es völlig schnurz was du wo für Styles setzt und Drupal zeigt auch nichts falsch an, sondern es ist dein Webbrowser der genau das macht, was du ihm via HTML und Stylesheet sagst (klammern wir mal die üblichen Probleme mit nicht oder falsch unterstützten CSS-Features in diversen Browsern aus).

Weiterhin orgelt man auch nicht außerhalb des Themes in irgendwelchen Modul-CSS-Dateien herum, sondern überschreibt unpassende Styles einfach über das Stylesheet des eingesetzten Templates.

Wenn du die Schriftfarbe für li.leaf auf weiß setzt, warum sollte dann der Text im a-Tag weiß werden?
Ich würde vorschlagen du setzt dich mal in Ruhe (!) mit CSS auseinander, ehe du auf Drupal schimpfst.

--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!

webseiter.de

Ja ich weiß, dass das nichts mit Drupal zu tun hat aber warum nutzt Drupal ZICH-VERTSCHIEDENE CSS-Dateien????

Warum wird das nicht alles in einer CSS-Datei aufgeführt?

Ich hab im Endeffekt genau das gemacht was Hagen Graf in seinem Tutorial beschrieben hat! Ich habe mir sogar den Video-Kurs gekauft - aber was passierte da?

Nachdem ich das so gemacht habe - wie er beschrieben hat (Neues Theme anlegen) - greift das Theme auf 10 verschiedenen CSS-Datein zu!

Wer soll denn das verstehen?

Firebug gibt mir eine CSS-Id raus - die heißt "block-menu-primary-links" - diese ID gibt es aber NIRGENDS!!!!

Fireburg gibt die ID "thmr_200" an - die gibt es auch in keiner CSS-Datei ....

Ich verstehe es nicht mehr - nirgends wird das richtig erklärt!

Ich war so voller Tatendrang bzgl. Drupal aber ich habe jetzt sowas die Schnauze von voll .... ich könnte Kot.....

Matthias

Wie Alexander schon schrieb: Du musst natürlich dem Link die Schriftfarbe zuweisen (ansonsten überschreibt die für das entsprechende <a>-Element vorgenommene Einstellung die von Dir am <li> gemachte).

hth,

 Stefan

--
Sei nett zu Deinem Themer!

Weil auch Module neue Anweisungen hinzufügen können oder bestehende Anweisungen überschrieben können.
Und ausserdem ist es doch deutlich übersichtlicher, wenn die zu einem Bereich gehörenden Anweisungen auch in einer dazu passenden Datei liegen (z.B. alle CSS-Anweisungen, die vom Menü oder von Modul Views benötigt werden).
Wenn Du das alles in einer Datei haben willst, schalte "CSS-Aggregation" an. Die kannst Du dann zwar nur schwerlich bearbeiten, jedoch liegen dann alle Anweisungen in einer Datei.

Wie ich schon sagte: das ist auch richtig und gut so.

Deaktiviere den Theme-Developer. Der erzeugt diese Ids.
Ach übrigens: CSS-Klassen und Ids müssen nicht in einer CSS-Datei verwendet werden. Definieren kann man sie nach belieben. Verwenden muss man sie dann nicht.

Sorry, aber das ist einfach so nicht richtig.
1. sind das Grundlagen von HTML und CSS.
2. gibt es in den Handbüchern diverse Seiten, die das Theme-System (und deren korrekte Verwendung) erklären.

Das sind alles hausgemachte Probleme. Also immer schön ruhig bleiben, tief durchatmen, vielleicht mal kurz draussen etwas im Schnee wühlen, dann die Handbücher und die Grundlagen verinnerlichen und schon geht das ruckizucki.

hth,

 Stefan

--
Sei nett zu Deinem Themer!

Hallo Stefan,

danke für die Antwort!

Das funktioniert tasächlich (das hatte ich aber vorhin schon einmal ausprobiert) - das problem dabei ist aber, dass jetzt nicht nur alle Links unter "Primary-Links" weiß angezeigt werden sondern auch alle Links im Mainbereich!

Wenn ich jetzt Firebug bemühe - gibt er mir für die Links im Mainbereich verschiedene IDs aus - aber - entweder finde ich diese IDs in den CSS-Datein nicht oder aber eine Farbangabe in der entsprechenden ID überschreibt das "FFFFFF" nicht ordnungsgemäß!

Z.B. Für den "Standort-Link" (aus der Testaufgabe von Hagen Graf - Fahrzeugliste) im Mainbereich heißt die dazu verwendete ID "field-items" (sagt Firebug) ....

Diese CSS-ID "field-items" finde ich aber nirgends - also habe ich mal testweise diese ID in der style.css angelegt und dort die Farbangaben + Schriftgröße etc. vorgenommen - das Ergebniss war .... das nichts passierte! De Farbangabe wurde also nicht überschrieben!

Kein Plan was hier los ist!

Trotzdem Danke für die Antwort!

Ist dir schonmal aufgefallen, dass für statisches CSS (das aus den Datein, das nicht erst nachträglich via Javascript in die Seite kommt, wie beim Theme Developer Modul) anzeigt, in welcher Zeile einer welchen Datei die Anweisung steht?

Dich in die Grundlagen von CSS einarbeiten musst du schon selbst erledigen. Im Grunde eine recht einfache und logische Geschichte. Versuch nicht zuviel auf einmal lernen zu wollen und befasse dich in Ruhe mit den Grundlagen. Die Zeit die du da investierst erspart dir später viel Frust und noch mehr Zeit.

--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!

webseiter.de

@Stefan
Ich werde jetzt mein selbsterstelltes Theme rauschmeißen und noch einmal ganz neu mit "ZEN" anfangen (3 Tage fürn Arsch)! Soweit ich das gelesen habe, ist das dort gut auskommentiert sodass dass auch für Anfänger geeignet ist!

Sollte das auch nicht fruchten - kann ich Drupal einfach nicht nutzen und gebe dann auf!

Vielen Dank trotzdem erstmal!

Sorry, aber das ist Blödsinn. Deine Probleme haben mit Drupal rein gar nichts zu tun. Dir fehlen einfach Basics in Sachen CSS und ohne CSS ist es im Web völlig egal, ob und welches System du nutzt. Auch ein noch so dolles Theme kann dir bei individuellen Anpassungen keine Unterstützung in Sachen CSS geben.

--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!

webseiter.de

Ich empfehle Dir wirklich mal, Dir die Grundlagen von CSS zu Gemüte zu führen.

Eine gute Seite dafür ist unter Anderem CSS4you.

Hinweis: Du musst Deine CSS-Anweisungen zum Ändern der Farbe der Links in Menüeinträgen spezifischer formulieren. Ansonsten gelten sie (wie Du schon gemerkt hast) für alle Links.

 Stefan

--
Sei nett zu Deinem Themer!

Hallo,

ich habe mich bisher erfolgreich um das Thema CSS gedrückt - ich betreibe ja verschiedene Projekte die in CSS gemacht sind aber das Design habe ich bisher immer von meinem Grafiker bekommen (komplett fertig)! Das brauchte ich einfach nur auf den Server hochladen - Content rein - fertig. Kleinere Anpassungen konnte ich so durchführen (durch Aufruf der EINEN CSS-Datei) - dann konnte ich recht einfach in den fertigen Code springen und Farbänderungen vornehmen etc.)

Aber jetzt bei Drupal ist das alles so durcheinandern - die ganzen tpl-Dateien - template.info und CSS ohne Ende!
Zusätlich schlägt mir Devel vor "page-user.tpl.php" anzulegen oder "node-1.tpl.php" und ich weiß immer noch nicht so recht warum - dazu kommen theme_links () in irgendwlchen .inc Dateien .....

Aus zig-verschiedenen Einzelstücken wird am Ende die fertige Seite generiert - zusätzlich kann man über die Verwaltung "Primary-Links" ausblenden/einblenden aber der Block "Primary-Links" (Verwaltung/Blöcke) ist davon nicht betroffen! Und Firebug zeigt mir auch ständig Dinge an die ich nicht nachvollziehen kann!

Ich habe total den Überblick verloren aber schon extrem viel Zeit reingesteckt!

Das ist höchst frustrierend ...

Ich habe irgendwiee eine persönliche Abneigung gegen CSS - ich weiß auch nicht warum aber ich muss jetzt wohl in den sauren Apfel beißen und das lernen (obwohl ich dazu überhaupt keien Lust habe)!

Wenn ich jetzt schon an "float" und "Eltern/KinderElementen" denke - dann herrscht mental bei mir tiefste Eiszeit (wie draußen)!

Dank Euch erstmal!

Hallo Zusammen

bin absoluter Neuling und bin auch gleich auf diese Diskussion gestoßen.

Mir ist bewußt das ich mich noch in das Theming von Drupal einarbeiten muss, aber ich kann den Threadersteller schon verstehen.
Ich habe mir das YAML-Theme installiert und wollte gerade, zum Testen, den Hintergrund des body ändern.
Gesagt getan, ab in die entsprechende Basemod-Datei (basemod.css) und den neuen Code eingetippt.

Das Ergebnis??? --> NICHTS

Kann mir jemand weiterhelfen?
Wenn es nur am reinen CSS-Verständnis liegt dann bin ich glaube ich wirklich zu blöd dafür. Ich habe recht gute Erfahrungen mit CSS, kein Pro aber ausreichend um ein Hintergrund zu ändern.
Warum übernimmt das Theme die Einstellung nicht.
Cache hab ich natürlich geleert.

Greetz Mike

Hallo Mike,

hast Du Firebug installiert? Bist Du auch in der richtigen CSS-Datei? Die Themes die ich bisher bearbeitet habe, hatten immer mehrere CSS-Dateien und teilweise hatte ich Änderungen in den falschen Dateien durchgeführt sodass kein Effekt zu erkennne war. Check das mal bitte!

Gruß Matthias

Nachtrag: probiere das Theme "ZEN" (in Verbindung mit Firebug) aus - zumindest zum testen - die CSS-Dateien sind umfangreich auskommentiert sodass selbst ich als Laie mein eigenes Theme hinbekommen habe! Das funktioniert super!

Hallo

ok danke, ich werds mir mal anschaun.

Hab den Fehler gefunden. Es war zwar die richtige Datei, aber die Werte wurden, da ist GFX-Border aktiviert hatte, wieder überschrieben.
Aber trotzdem danke für die schnelle Antwort. Das Zen Theme werde ich mir trotzdem noch anschaun :-)

Greetz

@ noob-anfänger: ja, es wirkt am Anfang verwirrend, und man muss etwas Zeit investieren. Aber das lohnt sich.
@ mike: Ich nutze auch yaml. Die (meisten) Änderungen lassen sich in der style.css des gewählten Themes (unter yaml/layouts/yaml_xcol_y vornehmen (wenn ich nicht irre, empfehlen hass und jesse das auch).
Beste Grüße