Mobirise Tutorials

Tutorials für Mobirise Webseiten

Dieses Projekt verwendet aktuell Mobirise v5.9.18

Einleitung zu meinen Tutorials

In diesem Projekt werden regelmäßig neue Tutorials mit Tipps und Anleitungen zur Software Mobirise und zu Websites im Allgemeinen erstellt. Es ist wichtig, kontinuierlich neue Projekte zu beginnen, um die Anleitungen übersichtlich zu halten und die Projekte überschaubar zu gestalten.

Klickt in der Navigationsleiste auf "Tutorials A-Z" für weitere Seiten.

Weitere meiner Tutorials findet ihr in dieser Übersicht 




Das <hr> Element

Hier habe ich optisch Blöcke mit einem <hr> Element "Horizontal Rule" getrennt. Ein <hr> Tag lässt sich mit CSS gestalten. Dabei wird die Dicke der Linie mit der Höhe (height) bestimmt:

hr {
  background-color: #ff0000;
  opacity: 0.8;
  height: 3px;
  width: 100%;
}




Oben als Demo ein nicht formatiertes <hr> Tag.

Unten als Beispiel einer horizontalen Linie diesmal als Class, wobei man die class="myhr" dann einfach an das Tag schreibt:

<hr class="myhr">

Hier mit einer Breite (width) von 80% des Containers und in schwarzer Farbe mit einer Deckkraft von nur 20%. Um diese Linie zu zentrieren, kann man einen automatischen Außenabstand (margin) links und rechts angeben:

.myhr {
  background-color: #000000;
  opacity: 0.2;
  height: 2px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}




Navbar

Ansicht vom Code Editor

© Copyright Mobirise-Tutorials.com

Datenschutz und Impressum

Google Translator
Funktionale Cookies akzeptieren