• Springe direkt zur Haupt-Navigation (Drücke die Enter Taste).
  • Springe direkt zum Inhalt (Drücke die Enter Taste).
  • Web-Styleguide: Springe direkt zur Bereichs-Navigation (Drücke die Enter Taste).

THM Logo

  • CD-Manual
  • Web-Styleguide
Start > Web-Styleguide > Seitengestaltung

Seitengestaltung

Verwendung des Logos

Verwendung des Logos

Logo-Höhe: 70px (Fachbereichlogos...)

Logoposition: Links

Überschriften im Textbereich (Beiträge/Kategorie)

Überschriften im Textbereich (Beiträge/Kategorie)

Das Logo im Headerbereich ist immer mit h1 ausgezeichnet.  Automatisch generierte Überschriften für Kategorie und Artikel werden mit h2 ausgegeben.

D.h. im Allgemeinen, dass Sie im Text mit h3 für Überschriften fortfahren können. Grundsätzlich sollten Sie darauf achten, dass keine Stufe übersprungen wird, also auf eine h3 Überschrift als nächste keine h5 Überschrift folgen soll, sondern weiterhin h3 bei gleichwertigen Überschriften oder h4 bei weiteren untergeordneten Überschriften.

Wenn Sie Überschriften im Slider hervorheben möchten, bitte in h4 setzen, da h3 schon im Slidertitel benutzt wird. In dem Fall ist h1 - das Logo, h2 - Beitrag- oder Kategorietitel, h3 - der Slidertitel, h4 - Überschriften im Slider-Text

Hervorhebungen im Textbereich mit der Klasse "tbox"

Hervorhebungen im Textbereich mit der Klasse "tbox"

Im Textbereich haben Sie die Möglichkeit wichtige Informationen mit Hilfe von Textboxen hervozuheben:

Textbox - Farbe Rot

 

Textbox - Farbe Grün

 

Textbox - Farbe Orange

 

Textbox - Farbe Blau

 

Die Hilfe zum Einbinden der Textboxes im Content finden Sie in der Rubrik CSS-Klassen -> Textformatierung mit tbox.

Headerbild in Kategorien und Beiträgen

Headerbild in Kategorien und Beiträgen

Größe: 686x271px

Das Headerbild hat die Größe von 686x271px und wird wie folgt eingefügt:

Kategorien: Optionen -> Bild ausgewählen

header kategorie

Beitrag: Bilder und Links -> Einleitungsbild auswählen

header betraege

Bild für Beiträge im Bereich Aktuelles

Bild für Beiträge im Bereich Aktuelles

Eine weitere Möglichkeit Bilder im Beitrag einzubinden ist, Bilder mit der Klasse "ibp" wie folgt einzufügen.

Slider mit "Smart Slider 2" Komponente

Slider mit "Smart Slider 2" Komponente

  • Slidergröße für die THM-Startseite: 1100 x 470px
  • Slidergröße für Startseiten z.B. der Fachbereiche:  726 x 350px
  • Slidergröße für Slider im Content-Bereich anstelle der Headerbilder: 686x271px

Slider werden mit der Komponente Smart Slider 2 erstellt. Für die THM-Startseite sowie Startseiten (Hochschule, Forschung, Studium...) sind bereits Slider in der oben angegebenen Größe erstellt. Diese dienen als Vorlage und können dupliziert und nach Bedarf für die eigene Seite angepasst werden. Die Größe (Breite und Höhe) der Slider ist vorgegeben und darf nicht geändert werden.

Die Slider werden nach dem Erstellen in der Komponente mit einem Modul Typ Smart Slider 2 auf die Position content_top (für die THM-Startseite) und col3_top (für weitere Seiten) gesetzt.

 

 

Web-Styleguide

  • Farbgebung
  • Modulpositionen
  • Seitengestaltung
  • CSS Klassen
  • Erweiterte Funktionen
  • THM CMS Joomla
  • Editor für Frontend-Redakteure
  • Styleguide für "externe" Seiten

Kontakt

Technische Hochschule Mittelhessen
University of Applied Sciences

Wiesenstraße 14
D - 35390 Gießen
Telefon: +49 641 309 
Telefax: +49 641 309  
E-Mail:

Besucheradresse

Wiesenstraße 14
D - 35390 Gießen

thm.de
|
Impressum