Die verschiedenen Kästchen

Um Ihre Seite zu gestalten, stehen Ihnen verschiedene Corporate-konforme Kästchen zur Verfügung. Diese sind in den Stilformularen (CSS-Hauptformular) enthalten.

Wir empfehlen Ihnen, den Code genau zu analysieren, damit Sie allfällig auftretende Probleme einfacher lösen können.

 

Class box001

Das Kästchen box001 besteht aus zwei Hauptelementen, wobei der obere Bereich mit dem tag <H2> oder <H3> bezeichnet wird und der untere Bereich mit der Klasse box001.

Der Inhalt bekommt die Bezeichnung box001_content und hat einige weitere Merkmale.

<H2> enthält ein kleines stilisiertes F im oberen Bereich und verwendet die Farbe Blau für den Titel
<H3> wie H2, aber ohne das F

Dies sieht dann folgendermassen aus:

Überschrift H2

Inhalt mit der Bezeichnung box001_content

Standardlink

 

Überschrift H3

Inhalt mit der Bezeichnung box001_content

Standardlink

Und codiert:

<div class="box001">
   <h2>Überschrift H2</h2>
   <div class="box001_content">
     <p>Ihalt Kategorie box001_content</p>
     <p><a href="#">Standardlink </a></p>
     <ul class="arrowDG">
      <li>Liste, El 1</li>
      <li><a href="#">Liste El 2 link</a> </li>
    </ul>
  </div>
</div>

 

Class Box002

Die Variante box002 eignet sich bestens für die sekundäre Navigation (sprich Untermenüs). Der farbige Hintergrund passt zudem perfekt zu den Linien in einer Liste, die die einzelnen Einträge von einander abtrennen.

Das Kästchen sieht folgendermassen aus (Die tags <H2> und <H3> definieren einen anderen Titel im Kopfteil des Kästchens):

Überschrift in H2

Überschrift in H3

 

Class Box003

Die Kategorie box003 eignet sich bestens für ein Kästchen beispielsweise in der Mitte einer Homepage oder in einer dritten Kolonne auf der rechten Seite. Das Kästchen hat einen gestrichelten grauen Rand.

Wie die anderen Kästchenmöglichkeiten, verfügt auch dieses über verschiedene Titel und Untertitel, die folgendermassen bezeichnet werden: title, subtitle, subtitle2, subtitle3, subtitle4. Diese dienen der Strukturierung Ihrer Informationen.

Überschrift der Kategorie title

Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt

Überschrift subtitle

Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt

Überschrift subtitle2

Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt

Überschrift subtitle3

Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt

Überschrift subtitle4

Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt

Im Code sieht dies folgendermassen aus:

<div class="box003">
  <p class="title">Titre de type title</p>
    <p>Contenu contenu contenu contenu contenu contenu</p>
  <p class="subtitle">Titre subtitle</p>
    <p>Contenu contenu contenu contenu contenu contenu</p>
  <p class="subtitle2">Titre subtitle2</p>
    <p>Contenu contenu contenu contenu contenu contenu</p>
  <p class="subtitle3">Titre subtitle3</p>
    <p>Contenu contenu contenu contenu contenu contenu</p>
  <p class="subtitle4">Titre subtitle4</p>
    <p>Contenu contenu contenu contenu contenu contenu</p>
</div>

 

Weboffice - Unicom Kommunikation & Medien   -   Av. Europe 20    -   1700 Fribourg   -  Tel +41 26 / 300 7034    -   Fax +41 26 / 300 9703   -  
webmaster [at] unifr.ch   -   Swiss University