mit CSS einzelne Elemente im Kurs Menu verschönen

temavrn · 23. Juli 2020

Man kann mit CSS verschiedene Elemente des Kurses in OpenOlat Learning Management System verschönen

Offizielle Anleitung gibt diese Anleitung wie man den Zugriff zu verscheidenen Blocks haben kann.

Meine Frage ist aber - wie kann ich die Buttons vom Teil 3 (Menu links) mit CSS verschönen, nicht das ganze Menu.

Also wie kann ich den Zugriff zu Notifications Button und Folder Button im Menu bekommen, so dass ich zb mit hover was machen kann? HTML vom gesamten LMS habe ich naturlich nicht

Screenshot:html-seminar.de/woltlab/attachment/2557/html-seminar.de/woltlab/attachment/2557/

Stef · 24. Juli 2020

Hey,

ich kenne den HTML Aufbau nicht.

Klicke auf diese Buttons mit einem Rechtsklick und wähle Element untersuchen aus. Dann öffnet sich ein Fenster in dem die HTML Struktur steht. Über diese kann du dann mit dem ID Selektor #o_main_left_content zugreifen.

Beispiel:

CSS

 #o_main_left_content buttons{
    color: green;
}

Mehr zu CSS findest du auch hier: https://www.html-seminar.de/css3.htm

Schöne Grüße

temavrn · 28. Juli 2020

Danke. Die Loesung war - tree Tag zu benutzen

mit CSS einzelne Elemente im Kurs Menu verschönen

Jetzt mitmachen!

Teilen