Unser Link zum Einloggen:
=> KHS Webteam

Unser Link zur alten Seite
=> KHS bis August 2023


Farbschema:

  • Logo-Farben:
    rot    #F26F4F
    gelb #F3AE29
    blau #209DC1
  • Schriftfarbe
    schwarz  #000000
    anthrazit 
    #6c6c6c

Bilder

  • stellen wir zu Events einzeln ein (ca 4-6 Stück)
  • bei Großereignissen nutzen wir eine Slide-Show
  •  

Weitere Hinweise

  • Ereignisse werden dem aktuellen Schuljahr zugewiesen.
    Die Bilder gehören in den dazugegörigen Ordner:
    images/00archiv/schuljahr23-24
    images/00archiv/schuljahr22-23 ...
    Die Bildernamen setzen sich zusammen aus: 22-06_Ereignis1 (Jahr-Monat_EreignisZahl)
  • Feste Informationen haben feste Zuordnungen gemäß Thema.
    Die Kategorien sind bereits überwiegend angelegt. Wenn nicht, dann Rücksprache!
    Bilder gehören in die entsprechenden Ordner.
    images/uerberuns
    images/schwerpunkte/berufsorientierung...
    images/schwerpunkte/kooperationen...
  • Bilder werden gekennzeichnet mit Quelle khs, pixabay oder ki-generiert.
    Andere Quellen werden vermieden (dann aber ausdrücklich zitiert)

 

Der Hinweis wird folgendermaßen erzeugt:

  • Bild wie gewohnt einfügen
  • Auf das Bild klicken und Link einfügen anklicken 
  • Bei URL rechts außen das Seitenbild anklicken, in der Auswahl das Bild auswählen und bestätigen
  • in den Reitern Popup auswählen und JCE Mediabox anklicken. Nun kann Titel (Title) und Bildbeschreibung (Caption) eingegeben werden. 
  • Unter Caption geben wir Quelle KHS, pixabay oder ki-generiert ein
  • speichern - fertig 😊

 KHS Logo

 Das Copyright-Zeichen köönen wir durch copy/paste  erzeugen

  • HTML-Code =>  ©
  • Windows => Alt+0169 (Ziffernblock)
  • Mac => option (rechts) + G  => ©
  • oder in vielen Anwendungen einfach (c) schreiben

Tooltips erscheinen durch mouseover oder anklicken. Sie sind im Editor irritierend und aufwändig. Daher nutzen wir sie nur in Ausnahmefallen.
Hier erscheint am Bild ein Hinweis

{tip content="Copyright"}Weihnachtskarten24{/tip}

{tip content="This is a tooltip!"}Hover here to see tooltip{/tip}

{tip theme="dark" style="yellow"content="This is a tooltip!"}Hover here to see tooltip{/tip}

 

System - Tooltip GC

Example of use :

{tooltip}Text to hover{end-texte}a friendly little boy{end-tooltip}