Dynamic Display Block mit Hilfe von Skinr eine Klasse zuweisen CTI-Flex Theme (gelöst)
Eingetragen von aloemann (133)am 28.05.2011 - 12:46 Uhr in
Hallo wieder mal ein Problem was sicherlich einfach zu lösen ist aber ich stehe mal wieder als Anfänger vor einem Rätsel
Ich will gerne einem Dynamic Display Block eine CSS Klasse zuweisen und habe mir dafür das Modul Skinr aktiviert welches auch in den Einstellungen des Blocks (ddblock) angezeigt wird. Hier kann ich nun dem Disply Block eine CSS Klasse zuweisen also habe ich um Verzeichniss des Themes wo die CSS dateien sind (mein_theme/css/ddblock1.css) einen neue css Datei namens ddblock1.css erstellt und dachte eigentlich das wäre es aber der Block nimmt diese Klasse nicht an .... was mache ich falsch ??
Ich glaube ich muss noch irgendwo was einfügen aber vielleicht könnte mir da jemand helfen oder hat jemand ein Tutorial an der Hand ...
Bei anderen Sachen in meinem Theme habe ich immer eine ID angegeben und diese im cti-flex.css ausgewiesen aber bei einer Klasse muss ich scheinbar was anderes machen ?
Sicher wieder mal ne nervige Anfängerfrage aber bitte helft mit mal von der Leitung herunter zu steigen.
Zusatz:
Jetzt habe ich beim Googeln gemerkt das es ja die Datei sites/all/modules/ddblock/ddblock.css gibt und der Displayblock den ich gerne Themen will hat die ID 2 da ich auf der Block Seite wenn ich über konfigurieren gehe die 2 sehe ...
Aber wenn ich in dieser ddblock.css eine ID mit Namen 2 definiere passiert garnix also wieder ???? Versteh ich nicht ....
- Anmelden oder Registrieren um Kommentare zu schreiben
Drupal bzw Dein Theme
am 28.05.2011 - 14:40 Uhr
Drupal bzw Dein Theme interessiert sich für diesen CSS-File so lange nicht, wie Du dem Theme nicht mitteilst, das es ihn gibt. Also mußt Du diesen File in der .info-Datei Deines Themes als CSS-Datei eintragen. Danach den Cache löschen (oder auch nur den Theme-Cache) und diese Datei wird benutzt.
Beste Grüße
Werner
Also füge ich diese Zeile der INfo datei hinzu ?
am 28.05.2011 - 16:48 Uhr
stylesheets[all][] = css/ddblock1.css
Habe dann die ddblock.css kopiert und in die ddblock1.css eingefügt ++ änderungen vorgenommen ... des stimmt oder ?
Er macht trotzdem keine Änderungen :-(
Was vergesse ich ?
Das ist vom Prinzip her
am 28.05.2011 - 17:40 Uhr
Das ist vom Prinzip her richtig. Hast Du den Cache geleert? Hast Du mal mit Firefox+Firebug nachgesehen, ob Deine CSS-Anweisungen überhaupt gesehen werden? Selbst wenn sie Durch andere Anweisungen überschrieben werden, solltest Du sie dann durchgestrichen sehen. Wenn sie durchgestrichen sind, durch welche Anweisungen werden sie überschrieben? Sind Deine Anweisungen nicht speziell genug?
Da bleibt Dir noch ein bischen zum Untersuchen.
Beste Grüße
Werner
Firebug zeigt keine ddblock1 oder ddblock.css an
am 28.05.2011 - 18:20 Uhr
Cache habe ich doppelt und dreifach geleert ...
Aber das müsste doch so sein wenn das skinr modul ddblock1 als klasse auswählt müsste doch auch dieses css genommen werden bzw wenigstens müsste doch auch wenn es nicht funktioniert die normale ddblock.css irgendwo ersichtlich sein .. oder gilt die dann nicht für diesen Block.
Ich möchte die Grösse Paading und den Hintergrund des ddblocks austauschen aber es scheint das es so nicht geht.
Ich fürchte, Du bist nicht so
am 28.05.2011 - 19:18 Uhr
Ich fürchte, Du bist nicht so richtig mit CSS vertraut. Der Name der Klasse und der Name des CSS-Files haben nichts mit einander zu tun. Was Skinr dazutut ist ganz normal dem Block eine zusätzliche Klasse zu verpassen. Normalerweise ist das aber gar nicht nötig, da Drupal von Hause aus jedem Block eine eindeutige ID mitgibt, die man benutzen kann. Das heißt aber nicht, das diese Klasse (die Skinr setzt) in irgendeiner Weise den anderen gegenüber bevorrechtigt wäre. Hast Du Dir die HTML-Struktur und die dabei verwendeten Klassen und IDs mal genau angesehen? Dazu ist z.B. das Tool Firebug da.
Beste Grüße
Werner
Wieder was gelernt ... mit den 2 Klassen ...
am 29.05.2011 - 13:15 Uhr
Jetzt werden auch 2 Klassen im Firebug angezeigt heute gestern nicht obwohl der Cache gelöscht war
Ich bin wirklich noch Anfänger aber ich will doch nur diesem Block einen Hintergrund und vorallem das Padding verändern nur wo ... Habe jetzt nach heutigem einloggen wieder den Cache gelöscht und jetzt werden so wie du sagst beide CSS dateien angezeigt bitte könntest du mir sagen wo ich den Background und das padding eingeben muss. Ich habe den screenshot vom Firebug hinzugefügt.
Der Block hat im auf der Block Seite (wenn ich über konfigurieren wandere) die Klasse ddblock und die ID 2
Danke schon mal für Deine Geduld :-)
Anhand des Screenshots kann
am 29.05.2011 - 13:20 Uhr
Anhand des Screenshots kann Dir das niemand sagen! Denn Du hast ja kein Element ausgewählt, das ein Background Image zeigt ... Such das entsprechende Element des Blocks, das das Bild hat. Dann zeigt Dir der Firebug auch, wo und in welcher Datei das steht.
Vielleicht hilft Dir ja dieser Screencast zum Umgang mit Firebug: http://www.thoor.de/drupal/video-tutorial/css-easy-way-mit-firefox-firebug
OK ich werde halt noch studieren
am 29.05.2011 - 15:01 Uhr
Danke schon mal für das Tutorial und auch deine anderen Videos haben mir schon ein paar Sachen sehr gut erklärt.
Ich werde heute halt noch ein wenig googeln und arbeiten das ich mich besser mit CSS auskenne ..
Hab nochmal einen screenshot gemacht diesmal mit dem Block Element das ich verändern will und Ihr habt recht der Hintergrund ist im black.css meines Themes definiert ... aber wenn ich es dort verändere ist das ja eine standard abänderung und ich will ja nur das es für diesen Block gilt
Nur warum geht das bei dem Dynamic Display block nicht so einfach wie bei einem Panel Inhalt das ich dem einfach eine ID gebe und dass in der CTI_Flex.css die Anweisungen gebe ?
Du mußt in CSS Ketten bilden,
am 29.05.2011 - 15:48 Uhr
Du mußt in CSS Ketten bilden, damit Deine Angabe gezielt nur für ein Element gilt, etwa so:
#blockid .klasse1 div.klasse2 {background: url(../images/box_bg.png) repeat-y;
}
Dann gilt diese Anweisung nur für ein DIV-Element mit der Klasse klasse2, das sich in einem Element mit der Klasse klasse1 befindet, welches in einem Element mit der ID blockid liegt. Das sollte schon etwas spezieller sein.
Außerden fügt man seinem Theme einen eigenen CSS-File hinzu, in dem man seine Änderungen sammelt. Das sollte der letzte CSS-File in der Liste sein, damit der alle anderen Anweisungen überschreibt.
Beste Grüße
Werner
Hintergrund kann ich in der black.css jetzt für diesen Block ..
am 29.05.2011 - 17:54 Uhr
ändern unter dem Punkt region-sidebar-second .block
habe ich jetzt eine neue background-color eingefügt und somit dem Dynamic Display Block die richtige Hintergrundfarbe gegeben. Das padding habe ich auch so wie ich wollte verändert.
Ich hoffe ich habe jetzt keinen Mist gebaut aber das wollte ich eigtnlich erreichen ...
Derzeit hat es keine Auswirkungen sonst irgendwo auf meiner Seite aber ich denke ich muss nochmal viel lernen. Derzeit ist es für mich aber eine akzeptable Lösung ... bitte um Korrektur wenn dies nicht so ist.
Damit bin ich zufrieden und ich würde das Thema dann jetzt schliessen wenn es kein arger Fehler ist es so zu machen.
Das kann man so machen. Wie
am 29.05.2011 - 19:04 Uhr
Das kann man so machen. Wie ich aber schon vorher schrieb, finde ich es besser, alle CSS-Änderungen in einem zusätzlichen CSS-File zu sammeln. Dann kann ich mit Firefox/Firebug suchen, was mir nicht gefällt und muß die Änderungen nur in meinen CSS-File eintragen. Da kannst Du mal drüber nachdenken.
Wenn Du meinst, daß das Thema für Dich gelöst ist, setze bitte ein "[gelöst]" vor den ersten Titel in diesem Thread (das kann nur der Eröffner).
Beste Grüße
Werner