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 2

btx Syntax Vorlage

Aus dem Layout Beauty_TX stammt folgendes Syntaxelement.

Überschrift H3

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 beauty */
#btskew {
position: relative;
padding: 1.111em;
padding-top: 1.667em;
max-width: 90%;
background-color: #313131;
top: -6px;
transform: rotate(-3deg) skew(-2deg);
border-radius: 0.556em;
box-shadow: 0.278em 0.278em 0 grey;
margin: 1.111em;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.667em;
}

#btskew h1, #btskew h2, #btskew h3 {
color: #fff;
}

#btinner {
transform: rotate(3deg) skew(2deg);
color: #fff;
text-shadow: 0.056em 0.056em 0 black;
padding: 0.278em;
}

Syntax Code

btx = <div id="btskew"><div id="btinner">{VALUE}</div></div>

1 2 3 4

Verpasse nichts mehr! und folge moziloCMS