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

<iframe name="meiniframe" src="https://docs.google.com/spreadsheet/pub?key=0Aklhr2Xd-hlSdDBnMWhCUnZHOFRWbDlXZ0NEclRvT2c&chrome=false&gid=0"> </iframe>

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

weiterlesen

  1. url : anleitung#weiterlesen (bitte im Backend anschauen)
  2. Anzuzeigender Text: weiterlesen
  3. Titel: mehr zu Charleston lesen
  4. Sprungmarke (Anker):
  5. im gewünschten Element die CSS ID/Klasse auf "weiterlesen" setzen