Tagesarchiv: 3. März 2020

Bootstrap Framework verwenden
Autor: René A. Da Rin,   Artikel erstellt: am 03.03.2020



Eine Zeitgemässe CSS-Formatierung der eigenen Webseite ist ein grosser Aufwand, insbesondere wenn man nicht der CSS Profi ist. Da gibt es viel zu tun:

  • Schriftarten und -grössen für Überschriften und Absätze definieren
  • Buttons und Textfelder gestalten
  • Abstände definieren, Elemente possitionieren
  • Ein einheitliches CI gestalten, das möglichst in allen Browsern gleich ausschaut
  • Responsives Design, nur um einen Teil zu nennen.

Da sich diese Aufgaben immer wieder wiederholen, sind sogenannte Frameworks entstanden, die den Webdesignern die Arbeit erleichtern.

Das bekannteste Framwork wurde von Twitter entwickelt und heisst Bootstrap und wird teilweise von WordPress Themes verwendet. Sie erkennen das am ‘bootstrap.css’ im Quellcode der WP-Webseite. Mann muss also lediglich die entsprechenden Klassen im HTML anwenden. Es gibt aber auch die Möglichkeit es im eigenen Theme nachzurüsten.

Weiterführende Informationen

code.makery.ch/de/
Offizielle Dokumentation
Bootstrap nachträglich in WordPress einbinden

Weiterlesen

Textmarker Effekt
Autor: René A. Da Rin,   Artikel erstellt: am 03.03.2020



Textmarker Effekt

Einzelne oder auch mehrere Worte können mit einem ‘Textmarker’ markiert werden.

.highlight-yellow{
   background-color: #FEF04F;
   padding: 0px 2px;
   -webkit-border-top-left-radius: 15px;
   -webkit-border-bottom-right-radius: 5px;
   -moz-border-radius-topleft: 15px;
   -moz-border-radius-bottomright: 5px;
   border-top-left-radius: 15px;
   border-bottom-right-radius: 5px;
   opacity: 0.8;
   border-right-style: solid;
   border-right-width: 3px;
   border-right-color: #f8e400;
}

Das Wort oder die Wörter die so markiert werden sollen müssen im Quelltext in ein <span class=”highlight-yellow”>…</span> eingebunden werden.

Weiterlesen