Miami

Miami ist eine sehr schöne Designvorlage mit einem Dropdown-Menü. Der nachfolgende CSS-Code bietet vielfältige Einstellmöglichkeiten, was die Breite der unterschiedlichen Bereiche und die Kopfbildhöhe anbelangt. Zusätzliche sind farbliche Einstellungen für Hintergrundbereiche 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: 769px) {

/* Breite der Navigation / Menü */
.jtpl-navigation__inner { min-width:70%; max-width: 70%; }

/* Breite des Inhaltsbereiches */
.jtpl-content__inner { min-width:70%; max-width: 70%; }

/* Breite der Sidebar unterhalb des Inhaltsbereiches */
.jtpl-sidebar__inner { min-width:70%; max-width: 70%; }

/* Breite des Fußbereiches unterhalb der Sidebar */
.jtpl-footer__inner { min-width:70%; max-width: 70%; }

/* Höhe des Kopfbildes und Möglichkeit einer farblichen Überlagerung */
.jtpl-header { min-height: 700px; max-height: 700px; background-color: rgba(0, 0, 255, 0.0); }

}

/* nur für mobile Geräte */
@media only screen and (max-width: 768px) {

/* Farbliche Überlagerung des Navigationsbereiches bei mobilen Geräten */
.navigation-colors { background-color: rgba(0, 0, 255, 0.0); }

/* Kopfbildhöhe bei mobilen Geräten */
.jtpl-header { min-height: 200px; max-height: 200px; background-color: rgba(0, 0, 255, 0.8); }
}

/* Für alle Geräte - farbliche Überlagerung des Inhaltsbereiches */
#content_area { background-color: rgba(255, 255, 255, 0.8); padding: 20px; }
/*]]>*/
</style>

 

Arbeiten Sie sorgfältig!