Tipps & Tricks der #moodlebande

Dieses Werk von Harald Zigala ist lizenziert unter einer Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz.

LaTeX-Kurs Teil 0

LaTeX-Kurs Teil 1

LaTeX-Kurs Teil 2

LaTeX-Kurs Teil 3

LaTeX-Kurs Teil 4

Den Bereich unten habe ich ebenfalls angepasst.
- Hintergrundfarbe transparent
- Rand weg

/*Hintergrundfarbe Blockbereich Transparent*/

.container-fluid.footerblocks .fp-blocks{
background-color: transparent;}

/*Rand transparent*/
.container-fluid.footerblocks section[role=complementary]
{
border-style: none;
}

Ich habe den Pfeil kleiner gemacht und den Hintergrund transparent,
Beim Schließen-Button habe ich den Pfeil weggemacht, den Text kleiner und den Hintergrund transparent.

/*Pfeil kleiner */

.fa-2x {
  font-size: 1em;
}

/* Hintergrund und Rand transparent*/
.headerbutton{
 
  background-color: transparent;
  border-color: transparent;
  border-radius: 1rem;
}

/* Schließenbutton transparent */
.blockpanelbutton{
 
  background-color: transparent;
  border-color: transparent;
}

/* Schließenbutton Pfeil weg*/
.blockpanelbutton .fa-arrows-v::before {
  content: "";
}

Websiteadministration --> Darstellung --> Design --> LearnR --> Allgemeinen Einstellungen

Blockleiste anzeigen (theme_learnr | showblockdrawer) aktivieren -> Zeigt ausklappbaren Bockbereich rechts. 

Fußbereich anzeigen (theme_learnr | showfooterblocks) aktivieren -> gibt im Fußbereich 3 Spalten für Blöcke

 Größe der Kurs-Icons (theme_learnr | courseiconsize) auf 30 px -> Icons werden kleiner und damit auch Höhe -> alles wird kompakter.

.headerbkg {
display: none;
}

Für randlos: Im LearnR Design und dann noch Hintergrundfarbe des Randbereichs auf weiß einstellen.
(theme_learnr | bodybg auf #FFFFFF)

Farbe der Navigationssymbole + Text auf schwarz ändern. Geht auch in den Farbeinstellungen, aber dann bekommen alle Links diese Farbe und sind bei schwarz nicht mehr von normalem Text zu unterscheiden, daher per Code:

/*Icons Dashboard schwarz*/
.fpstart a[role=button] {  color: #000;
}

Websiteadministration --> Darstellung --> Design --> LearnR --> Allgemeinen Einstellungen

Anzeige in der vollen Fensterbreite (theme_learnr | fullwidthpage) aktivieren, damit Inhalt ganze Breite nutzt.

Das Level-Up! Plugin ist schon eine ganz interessante Möglichkeit um einen spielerischen Moment in den moodle-Kurs reinzubekommen.

Leider ist das Bild des Abzeichen standardmäßig recht klein dargestellt und dabei wäre eigentlich viel mehr Platz vorhanden. Aber das kann man leicht regeln.

Fügen Sie an geeigneter Stelle auf der Kursseite folgenden CSS-Code ein:

Die Breite von 200px kann natürlich nach Wunsch verändert werden.