Rome

Rome ist ähnlich wie Miami 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 des Navigationsbereiches */
.jtpl-navigation { min-width:70%; max-width: 70%; }

/* Breite des Inhaltsbereiches */
.content-options-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 Kopfbildbereiches */
.jtpl-header--image { min-height: 700px; max-height: 700px; background-color: rgba(0, 0, 255, 0.0); }
.jtpl-breadcrumb { min-width: 50%; top: -50px; background-color: rgba(255, 0, 0, 0.0); }

}

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

/* Farbliche Einstellung der Navigation bei mobilen Geräten */
.navigation-colors { background-color: rgba(0, 0, 255, 0.8); }

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

/* Für alle Geräte - farbliche Einstellmöglichkeit */
#content_area { background-color: rgba(255, 255, 255, 0.7); padding: 20px; }
/*]]>*/
</style>

 

Arbeiten Sie sorgfältig!