verstanden

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.

Weitere Informationen zu Cookies erhalten Sie in unserer Datenschutzerklärung

Twinix Design

Free moziloCMS Layouts

mozilo Syntax Syntax Vorlage 3

bbbox Syntax Vorlage

Aus dem Layout blue Business_TX stammt folgendes Syntaxelement. durch die float: right; css definition eignet es sich gut als Infobox neben dem einegtlichen Inhalt.

H3 Überschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Falls du nicht weist wie du eigene Syntax Elemente in mozilo anlegst findest du eine Anleitung auf der ofiziellen Seite.

Tipps und Tricks » Benutzerdefinierte Syntaxelemente

CSS Code

/* template syntax blue Business */
.bbbox {
position:relative;
float: right;
z-index:1;
width:300px;
padding:20px;
margin:20px;
background:#fff;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}

.bbbox h3 {
position:relative;
padding:10px 30px;
margin:0 -30px 20px;
font-weight:bold;
text-align:center;
color:#fff;
background:#000;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.2);
box-shadow:0 1px 1px rgba(0,0,0,0.2);
zoom:1;
}

.bbbox h3:before,
.bbbox h3:after {
content:"";
position:absolute;
z-index:-1;
top:100%;
left:0;
border-width:0 10px 10px 0;
border-style:solid;
border-color:transparent #ddd;
}

.bbbox h3:after {
left:auto;
right:0;
border-width:0 0 10px 10px;
}

Syntax Code

bbbox = <div class="bbbox">{VALUE}</div>

1 2 3 4

Verpasse nichts mehr! und folge moziloCMS