Twinix Design

free website templates

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.

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 moziloCMS Website

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.

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>

Last Update

02.09.2020

Yoga_TX steht zum Download bereit
Eine Live-Vorschau ist über den Layoutswitcher möglich.


Bild "Layouts:yoga.jpg"

Yoga_TX

  • Responsive
  • Font Awsome
  • und vieles mehr..
  • Statistik

  • » 1 Online
  • » 0 Heute
  • » 25 Woche
  • » 0 Monat
  • » 530 Jahr
  • » 530 Gesamt
  • Max.: 16 (31.07.2020)
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