Amsterdam

Die Sidebar von Amsterdam ist auf der rechten Seite angeordnet und verfügt über ein zeitgemässes Dropdown-Menü. Der nachfolgende CSS-Code erlaubt eine breitere Darstellung der verschiedene Bereiche. Der Kopfbereich kann in der Höhe justiert werden und erlaubt somit eine optimale Bildanpassung. Weiterhin sind farbliche Hintergrundanpassungen möglich.

Kopierbereich

Bevor Sie loslegen, sollten Sie unsere kleine und überschaubare Anleitung lesen - mehr ...

 

<style type="text/css">

/*<![CDATA[*/

/* Nur für nicht-mobile Geräte */

@media only screen and (min-width: 761px) {

/* Breite Kopfbereich */

.jtpl-header__inner { min-width: 75%; max-width: 75%; }

/* Breite Navigation/Menü */

.jtpl-navigation { min-width: 100%; max-width: 100%; }

/* Breite Fußbereich */

.jtpl-footer__inner { min-width: 100%; max-width: 100%; }

/* Gesamtbreite Inhalts- und Seitenbereich in % */

.jtpl-section__gutter { margin-top: 20px; padding-right: 50px; min-width: 75%; max-width: 75%; }

/* Prozentuale Breite des Seitenbereiches an der Gesamtbreite */

.jtpl-sidebar { padding-left: 30px; min-width: 30%; max-width: 30%; }

.sidebar-options { margin-top: 10px; }

.jtpl-content__inner { padding: 30px; margin-top: 30px; }

/* Prozentuale Breite des Inhaltsbereiches an der Gesamtbreite */

.jtpl-content { min-width: 65%; max-width: 65%; }

/* Kopfbildhöhe und farbliche Überlagerung */

.jtpl-header { min-height: 600px; max-height: 600px; background-color: rgba(0, 0, 0, 0.0); }

/* Ausschalten des Schattens, wenn unerwünscht */

.jtpl-content__shadow { width: 0px; height: 0px; }

}

/* Nur für mobile Geräte */

@media only screen and (max-width: 768px)  {

/* Höhen- und Farbeinstellung für Bereich mit Balkenmenü mobile Geräte */

.jtpl-topbar { min-height: 50px; max-height: 50px; background-color: rgba(0, 0, 0, 0.0); }

/* Höhen- und Farbeinstellung für Bereich unterhalb Balkenmenü bei mobilen Geräten */

.jtpl-header { min-height: 100px; max-height: 100px; background-color: rgba(0, 0, 0, 0.0); }

}

/*]]>*/

</style>

 

Arbeiten Sie sorgfältig!