Quelltext der Seite Styleguide:Berlin.de Subdomains

[[Kategorie: Styleguide]]
Subdomains für berlin.de werden häufig angelegt, wenn aus technischen Gründen nicht die Möglichkeit besteht, die anzubietenden Inhalte unter www.berlin.de darzustellen.

== Wichtige Hinweise ==

<div style="background:#fff5ee; margin:1em auto; padding:1em; border:1px solid red;width:75%;">

* Der Einsatz des hier dargestellten Berlin.de Frieses ohne die gesamte Portalnavigation muss bei Nutzung für Auftritte der Verwaltung oder ähnlicher öffentlicher Einrichtungen mit der [[Landesredaktion |Landesredaktion]] abgestimmt werden.
* Hier wird geklärt, ob der "normale" Fries oder der vereinfachte Fries verwendet werden darf.
* In der Regel müssen Subdomains der Landesverwaltung den normalen Fries verwenden.
</div>

== Integration des Berlin.de-Fries ==

Eine einfache Integration im Rahmen von berlin.de stellt die Einbindung des Fries von berlin.de dar. Dieser kann über zwei standardisierte Includes auf die eigene Seite eingebunden werden:

* http://www.berlin.de/template/head.php (Fries mit Berlin.de-Logo)
* http://www.berlin.de/template/foot.php (Footer, vor allem Zählpixel)

Der Einbau der '''head.php''' sollte in der Regel direkt nach dem öffnenden Body-Tag '''&lt;body&gt;''' erfolgen. Die '''foot.php''' dementsprechend direkt vor dem schließenden Body-Tag '''&lt;/body&gt;'''. Sollten Sie die Includes lokal zwischenspeichern wollen, wäre es empfehlenswert, sind mindestens einmal in der Woche ein Update zu holen, da wir uns vorbehalten, jederzeit Änderungen an den Includes vorzunehmen.

Der unangepasste Fries wird in etwa so aussehen:

[[image:template_head_einfach.png]]

==== Den Fries anpassen ====

Im Fries kann man an einigen Stellen eigene Inhalte einbauen, das betrifft:

* einen Titel neben dem Berlin.de-Logo
* Navigationspunkte links von der Suche

Der Titel ist mit dem HTML-Kommentar &lt;!--BO_HEAD--&gt; markiert. Diesen Kommentar kann man gegen einen eigenen Titel austauschen. Eigene Navigationspunkte kann man für den Kommentar &lt;!--BO_METANAVI--&gt; einbauen. Jeder Navigationspunkt hat in etwa folgenden HTML-Syntax:

 &lt;li class="bom"&gt;&lt;a href="/"&gt;Navigationspunkt&lt;/a&gt;&lt;/li&gt;

Beim Einbau von Navigationspunkten ist zu beachten, dass in einer kleineren Auflösung wie 800x600 Punkte die Navigation noch in den blauen Balken passt.

Ein angepasster Fries könnte z.B. so aussehen:

[[image:template_head_angepasst.png]]