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!
Kontaktformular
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.
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