Wenn man eine Überschrift mit Subline (hellblau) haben will, am Zahnrad im Feld CSS-Selektoren 'subline' eintragen und im Auswahlmenü 'Ausrichtung' 'zentriert' wählen. Es empfiehlt sich, Überschriften die nicht Teil einer Box sind, generell in ein eigenes Inhaltselement zu schreiben.
Überschriften
und Subline
Beispiel Responsive Tabelle
| Kürzel | Name | Fächer |
| Bor | Michael Bornemann | Deutsch, Mathematik |
| Hgf | Petra Hennigfeld | Deutsch, Latein |
| Bank | Petra Bank | Englisch, Kunst |
| BK | Monika Becker-Kreuzheck | Deutsch, Englisch |
| Bei | Birgit Beier | Deutsch, Französisch |
| Bia | Carolin Bialecki | Englisch, Latein |
| Bls | Lorenz Blaß | Deutsch, Sport |
| Ble | Dr. Lothar Bleeker | Englisch, Geschichte |
| Bre | Markus Breuer | Deutsch, Katholische Religion |
| Brk | Anne van dem Brink | Katholische Religion, Mathematik |
| Cho | Johanna Cholewa | Englisch, Sport |
| Co | Sarah Chou | Chemie |
| Cla | Kerstin Clasen | Deutsch, Kunst |
| Cro | Claudia Cronenberg | Musik, Sport |
| Crb | Laura Cronenberg | Deutsch, Sport |
| Enn | Mechtild Ennen | Französisch, Spanisch |
| Esk | Corinna Eskens | Englisch, Pädagogik |
| Fis | Stephanie Fischer | Französisch, Mathematik |
| FK | Ursula Frey-Keß | Geschichte, Katholische Religion |
| Fri | Tina Fritzsche | Biologie, Erdkunde |
| GA | Dr. Helmut Gaßmann | Biologie, Erdkunde |
| Gil | Corinnna Gilles | Erdkunde, Sport |
| Gt | Kristina Gast | Geschichte, Spanisch |
| GEN | Marlene Genn | Deutsch, Englisch |
| Ghr | Andrea Gerhardt | Englisch, Evangelische Religion |
| Gie | Patrizia Giesen | Chemie, Mathematik |
| Gni | Franziska Gniewkowski | Englisch, Geschichte |
| Haas | Barbara Haas | Deutsch, Spanisch |
| HH | Ursula Herberhold | Deutsch, Geschichte |
| Hz | Tobias Herzog | Biologie, Sport |
| Hoff | Beate Hoffmann | Informatik, Mathematik |
| Hm | Britta Hoffmann | Biologie, Deutsch, Sport |
| Jan | Stephanie Jansen | Erdkunde, Katholische Religion |
| Jhu | Sandra Jud-Heinrich | Deutsch, Sozialwissenschaften |
| Jül | Heike Jüliger | Erdkunde, Sozialwissenschaften |
| Kei | Berit Keiser | Deutsch, Evangelische Religion |
| KB | Rainer Knab | Griechisch, Latein |
| Kli | Dr. Brigitte Klimek | Mathematik, Pädagogik |
| Kos | Olivia Köster-Schmücker | Biologie, Deutsch |
| Kra | Karl Krahé | Chemie, Mathematik, Physik |
| Krm | Dr. Peter Krams | Mathematik, Physik |
| Kru | Marietheres Krupp-Schumacher | Erdkunde, Mathematik, Sozialwissenschaften |
| Lan | Katharina Lang | Katholische Religion, Philosophie, Sport |
| Laz | Laura Lazúen Alonso | Spanisch |
| Lim | Ina Limbach | Biologie, Deutsch |
| Lff | Thomas Löffler | Mathematik, Sozialwissenschaften |
| Mai | Angela Mainka | Deutsch, Katholische Religion |
| Me | Dr. Isabelle Mensel | Französisch, Spanisch |
| Miel | Katja Mielnik | Deutsch, Musik |
| Nab | Berthold Naber | Mathematik, Sport |
| Nef | Renate Neffgen | Biologie, Kunst |
| Nel | Ralf Nelles | Deutsch, Geschichte |
| Oh | Bianca Ohrem | Englisch, Sport |
| PA | Björn Palmert | Informatik, Mathematik |
| Pes | Gabriele Pesch | Englisch, Geschichte |
| Pil | Rainer Pilartz | Geschichte, Kunst |
| RO | Frank Rollmann | Französisch, Sport |
| Ros | Rosemarie Rößler | Deutsch, Evangelische Religion |
| Rot | Regina Rothkopf | Erdkunde, Französisch |
| Sam | Tim Sammel | Geschichte, Musik |
| Säf | Patricia Schäffer | Biologie, Chemie |
| Schä | Rosina Schäfgen | Englisch, Französisch |
| Scbr | Cornelia Scherbring | Biologie, Chemie |
| Smd | Nicole Schmidt | Biologie, Englisch |
| Sum | Joana Schumann | Mathematik, Physik |
| Ste | Isabell Steffens | Mathematik, Physik |
| Sto | Martin Stoffel | Katholische Religion, Sozialwissenschaften |
| Ths | Alexander Thönnes | Geschichte, Katholische Religion, Philosophie |
| Tra | Vera Träbert | Biologie, Sport |
| Vees | Thomas Vees | Biologie, Englisch, Sport |
| WE | Elizabeth Weckes | Englisch, Kunst |
| Wer | Julian Wery | Deutsch, Erdkunde |
| Wey | Michael Weyer | Deutsch, Katholische Religion |
| Wid | René Widmer | Chemie, Pädagogik |
| Wis | Stefan Schlichtherle-Wiskirchen | Englisch, Erdkunde, Informatik |
| Woj | Clemens Wojaczek | Deutsch, Latein |
| Ze | Anja Zepp | Biologie, Chemie |
Boxen
und Farben
Die Klassen 'sketchy' und 'box + Farbe' lassen sich beliebig kombinieren (siehe Beispiele) und lassen sich sowohl an Inhaltselementen als auch an Template-Elementen einsetzen. Die Reihenfolge in der die Klassen an den CSS-Selektoren eingetragen werden ist hierbei egal. Also 'box grau sketchy' führt zu dem selben Ergebnis wie 'grau sketchy box'.
Box dunkelblau
Hier bitte im Feld CSS-Selektoren 'box blau' eintragen.
Box Grau
Hier bitte im Feld CSS-Selektoren 'box grau' eintragen.
Box Hell
Hier bitte im Feld CSS-Selektoren 'box' eintragen.
Box farbiger Rahmen / weiss
Hier bitte im Feld CSS-Selektoren 'box border' eintragen.
Box bunter Rahmen / grau
Hier bitte im Feld CSS-Selektoren 'box grau sketchy' eintragen.
Box bunter Rahmen / hell
Hier bitte im Feld CSS-Selektoren 'box sketchy' eintragen.
Box bunter Rahmen / weiss
Hier bitte im Feld CSS-Selektoren 'sketchy box weiss' eintragen.
Box bunter Rahmen / dunkelblau
Hier bitte im Feld CSS-Selektoren 'box blau sketchy' eintragen.
Box dunkelblau mit Link
Hier bitte im Feld CSS-Selektoren 'box blau link' eintragen. In Bearbeitungsmaske Linktext und Link setzen.
Box bunter Rahmen / weiss mit Link
Hier bitte im Feld CSS-Selektoren 'sketchy box weiss link' eintragen. In Bearbeitungsmaske Linktext und Link setzen.
Kleinerer Text
Um den Text kleiner zu machen bitte im Feld CSS-Selektoren 'small' dazuschreiben.
Generische Abstände
Inhalts- und Template-Elemente
Am Zahnrad: 'CSS-Selektor' gewünschte Anweisung eintragen. Funktioniert sowohl bei Inhalts-Elementen als auch bei Template-Elementen.
Die Innenabstände (padding) an Element oder Row nach unten in Pixel:
- pb-10
- pb-20
- pb-30
- pb-40
Die Innenabstände (padding) an Element oder Row nach oben in Pixel:
- pt-10
- pt-20
- pt-30
- pt-40
Die Aussenabstände (margin) an Element oder Row nach unten in Pixel:
- mb-10
- mb-20
- mb-30
- mb-40
Die Aussenabstände (margin) an Element oder Row nach oben in Pixel:
- mt-10
- mt-20
- mt-30
- mt-40
Dieses Element hat z.B.: 'mt-30' (margin-top: 30px) am CSS-Selektor gesetzt.
Akkordeon / Tab
Als Tab-Darstellung (Zahnrad)
Zauberstab: 'Fortgeschrittene Elemente'
Am Stift: Gewüschter Text bei 'Bezeichnung' eintragen. Neuer Reiter am Bionade-Button '+' hinzufügen bzw. mit Schere entfernen & mit den Pfeilen die Position verändern.
Die gewünschten Inhaltselemente reinziehen.
Template-Elemente/Rows
Mit STRG + E schaltet man von der Inhalts-Ebene (schwarze Bearbeitungsbuttons) auf die Template-Ebene (rote Bearbeitungsbuttons) um.
Anmerkung zu Row mit einstellbarer Breite: Am Zahnrad der Row kann man die Zeilenbreite einstellen. Hier z.B.: 10 und darunter 8.