Ansicht Überschriften
h2 Überschrift 2
h3 Überschrift 3
h4 Überschrift 4
h5 Überschrift 5
p Absatz
Farben
ORANGE 229 / 103 / 40 | #e56728
GRÜN 102 / 204 / 0 | #66cc00
Schriftfarbe GRAU (Roboto Condensed) Contao 93 / 93 / 93 | #5d5d5c
Google Tabellen 133 / 133 / 134 | #858586
WEISS Füllfarbe Hintergrund 252 / 252 / 250 | #fcfcfa
SILBER
https://encycolorpedia.de/c0c0c0
#C0C0C0
RGB 192, 192, 192 (Adobe Photoshop: Profil Europa Web/Internet 2, Nur Webfarbe anzeigen)
CMYK 27 20 21 2 (Adobe Photoshop: Profil Europa, Druckvorstufe 3. Adobe RGB (1998)
oder etwas dunkler
#9d9d9
RGB 153, 153, 153 (Adobe Photoshop: Profil Europa Web/Internet 2, Nur Webfarbe anzeigen)
CMYK 39 31 31 9 (Adobe Photoshop: Profil Europa, Druckvorstufe 3. Adobe RGB (1998)
oder noch dunkler
#7b7b7b
RGB 102, 102, 102 (Adobe Photoshop: Profil Europa Web/Internet 2, Nur Webfarbe anzeigen)
CMYK 51 40 40 22 (Adobe Photoshop: Profil Europa, Druckvorstufe 3. Adobe RGB (1998)
HTML-Beispiel: <body bgcolor="silver">
CSS-Beispiel: body {background-color: #C0C0C0;}
Die Farbe silbergrau mit dem hexadezimalen Farbcode #8a9597 ist ein Farbton von Cyan. Im RGB-Farbmodell enthält #8a9597 54.12% Rot, 58.43% Grün und 59.22% Blau. Im HSL-Farbraum hat #8a9597 einen Farbtonwinkel von 189° (Grad), 6% Sättigung und 57% Helligkeit.
Silber
Webfarbe
HTML-Beispiel: <body bgcolor="silver">
CSS-Beispiel: body {background-color: #C0C0C0;}
RGB (192, 192, 192)
Hexadezimal-Triplet C0C0C0
CMYK (0%, 0%, 0%, 25%)
Bildformat Teaser & Sites
B 524 x H 393 px
immer diese Formate verwenden, da dann nur 1x im Cache geladen
Seitentitel 65 Zeichen
Anleitung Blog
INHALTE
Nachrichten
NewsBlog bearbeiten (Stiftsymbol)
Vorlage duplizieren
Textelement: Beitrag bearbeiten (Stiftsymbol)
Inhaltselement bearbeiten
- keine Überschrift
- vollständiger Text
- Bild auswählen
- Bildgröße: Bild-links (410x307)
- Bildausrichtung: links oben
- Bildabstand: 4x 10px
Speichern und schließen
Titel: Beitragseinstellungen bearbeiten (Werkzeugsymbol)
- Titel eingeben
- Datum und Uhrzeit
- Teasertext eingeben (Kurztext)
- Bild auswählen
- Bildgröße: News-Teaser-Bild (Bildgröße205x153)
- Bildausrichtung: rechts oben
- Bildabstand: keine Eingabe
Speichern und schließen
Googel Tabellen einbetten
CSS-ID/Klasse: "size-1-1" / "size-1-2" / etc.
Experten-Einstellungen/CSS-ID/Klasse size-1-1
size-1-1 = 100% vom Container (Bildsschirmbreite)
size-1-2 = 50% vom Container (Bildsschirmbreite)
size-1-3 = 33% vom Container (Bildsschirmbreite)
size-2-3 = 66% vom Container (Bildsschirmbreite)
1 ELEMENTE
Element (1/1 Größe) = size-1-1
2 ELEMENTE GLEICH GROSS
Element 1 (1/2 Größe) = size-1-2
Element 2 (1/2 Größe) = size-1-2
2 ELEMENTE UNTERSCHIEDLICH GROSS
Element 1 (1/3 Größe) = size-1-3
Element 2 (2/3 Größe) = size-2-3
Das linke Element ist im Artikel an höherer Position!
geschütztes Leerzeichen (No Break Space)
mit [eckigen] Klammern eingeben
Aufzählung (bullet_list)
bullet_list
Experteneinstellung bullet_list ergibt rote Aufzählungszeichen.
Ohne ergibt schwarze Aufzählungszeichen
OC-Timetable Höhe ändern
iframe-Höhe anpassen:
Klasse h… mit einem höheren oder niedrigeren Wert versehen. Ist von h300 bis h2500 immer in 100er Schritten im css angelegt.
Kurs- und Workshopdaten aus MM / PHP-Abfrage
Hallo Herr Balzer,
diesmal war es einfach.
Es fehlte der div-Container in den die Buchungsinfo geladen wird.
Zu jedem {{file::workshop….. gehört vorher ein <div id=„KursInfoZettel….
Hab ich bei Charleston und Lindy-Charleston eingefügt.
ACHTUNG: bei Standard-Latein Kursen ist es <div class="KursInfoZettel"></div> statt id wie bei den Workshops.
Seitencache zu leeren
Wenn eine Änderung partout nicht im Frontend sichtbar werden will, hilft meistens unter „Systemwartung“ den "Seitencache zu leeren“.
Anker setzen
Accordeon (Umschlag Anfang)
CSS-ID/Klasse. Hier z. Bsp. open classses eintragen (ohne #)
Die Raute # wir an den link gehängt #openclasses
weiterlesen-Link
- url : anleitung#weiterlesen (bitte im Backend anschauen)
- Anzuzeigender Text: weiterlesen
- Titel: mehr zu Charleston lesen
- Sprungmarke (Anker):
- im gewünschten Element die CSS ID/Klasse auf "weiterlesen" setzen