Afterburner Blocklayout anpassen

Afterburner Blocklayout anpassen

by Malte H -
Number of replies: 5

Guten Morgen in die Runde,

ich verwende Moddle in der Version 2.7.4. und benutze das Theme Afterburner.

Ich möchte gerne das Layout der Blöcke in der Form anpassen, dass die Blöcke klar voneinander abgerenzt sind. Im ersten Beispiel ein Screenshot aus Afterburner, im zweiten Bild ein Screenshot aus dem Clean Theme.

An welcher Stelle muss ich Veränderungen vornehmen. Wird das Blocklayout durch die Datei afterburner_blocks.css gesteuert?

Kann ich es ggf. auch hinbekommen wenn ich in Moodle selber CSS Code einschleuse?

Vielen Dank!

Malte


Attachment Beispiel.jpg
Average of ratings: -
In reply to Malte H

Re: Afterburner Blocklayout anpassen

by Andreas Schenkel -
Customcss von Afterburner direkt in moodle anpassen ...

Am 29. Januar 2015 11:35:02 MEZ, schrieb Malte H <noreply@moodle.org>:
Nutzerbild Malte H
Afterburner Blocklayout anpassen
von Malte H - Donnerstag, 29. Januar 2015, 11:09
 

Guten Morgen in die Runde,

ich verwende Moddle in der Version 2.7.4. und benutze das Theme Afterburner.

Ich möchte gerne das Layout der Blöcke in der Form anpassen, dass die Blöcke klar voneinander abgerenzt sind. Im ersten Beispiel ein Screenshot aus Afterburner, im zweiten Bild ein Screenshot aus dem Clean Theme.

An welcher Stelle muss ich Veränderungen vornehmen. Wird das Blocklayout durch die Datei afterburner_blocks.css gesteuert?

Kann ich es ggf. auch hinbekommen wenn ich in Moodle selber CSS Code einschleuse?

Vielen Dank!

Malte


Wenn Sie direkt per E-Mail antworten, entfernen Sie bitte den ursprünglichen Beitrag aus der Antwort.



--
Diese Nachricht wurde von meinem Android-Mobiltelefon mit K-9 Mail gesendet.
In reply to Andreas Schenkel

Re: Afterburner Blocklayout anpassen

by Malte H -

Ok, wie könnte ein CSS Code aussehen? Gibt es irgendwo Hilfen

bzw. Erläuterungen dazu? Bin leider unbewandert in CSS.


In reply to Malte H

Re: Afterburner Blocklayout anpassen

by Andreas Schenkel -
In firefox firebug installieren und die seite analysieren um den csscode fuer den block zu ermitteln

Am 29. Januar 2015 15:16:07 MEZ, schrieb Malte H <noreply@moodle.org>:
Nutzerbild Malte H
Re: Afterburner Blocklayout anpassen
von Malte H - Donnerstag, 29. Januar 2015, 14:44
 

Ok, wie könnte ein CSS Code aussehen? Gibt es irgendwo Hilfen

bzw. Erläuterungen dazu? Bin leider unbewandert in CSS.


Wenn Sie direkt per E-Mail antworten, entfernen Sie bitte den ursprünglichen Beitrag aus der Antwort.



--
Diese Nachricht wurde von meinem Android-Mobiltelefon mit K-9 Mail gesendet.
In reply to Malte H

Re: Afterburner Blocklayout anpassen

by Torsten Händler -

.block {

margin-bottom:20px;

}


das in den theme einstellungen beim punkt custom css eintragen.  speichern und notfalls designcache löschen wenn nicht der designbearbeitungsmodus aktiviert ist.

In reply to Torsten Händler

Re: Afterburner Blocklayout anpassen

by Malte H -

Hallo Torsten,

vielen Dank für den Code. Habe ihn gleich mal ausprobiert. Leider führt er noch nicht zu dem gewünschten Ergebnis. Der Block wird im Ergebnis etwas länger nach unten gezogen, geht aber nach wie vor nahtlos in den nächsten Block über.

Ist hätte die Blöcke gerne in der Form voneinander abgerenzt, dass zwischen den Blöcken z.B. ein kleiner weißer Bereich ist, wie in dem Beispiel links, dass ich mitgeschickt hatte.

Vielleicht ist das ja auch machbar.

Vielen Dank!

Malte