Farbe
entry-title: #333333 (AR DESTINE Thin, AR ESSENCE)
blau: #358cc3
blau: rgba(53,140,195,0.9)
orange: #f45923
orange: rgba(244,89,35,0.6)
Weiterlesen
<!--more-->
Bild
Breite Hochkant Smartphone: 300 Pixel
Breite Hochkant : 400 Pixel
Breite : 600 Pixel
<img class=”alignleft” src="http://elbnetz.com/wp-content/uploads/2012/09/Bilder-in-WordPress-einfügen.jpg" alt="Bilder in WordPress einfügen" title="Bilder in WordPress einfügen" width="375" height="249" />
<img class=”alignright” src="http://elbnetz.com/wp-content/uploads/2012/09/Bilder-in-WordPress-einfügen.jpg" alt="Bilder in WordPress einfügen" title="Bilder in WordPress einfügen" width="375" height="249" />
<img class=”aligncenter” src="http://elbnetz.com/wp-content/uploads/2012/09/Bilder-in-WordPress-einfügen.jpg" alt="Bilder in WordPress einfügen" title="Bilder in WordPress einfügen" width="375" height="249" />
Video
<div class="video-container">
<iframe width="500" src="https://www.youtube.com/embed/7AF99DGwr24?rel=0&start=0" frameborder="0" allowfullscreen></iframe>
</div>
Blockquote
Very simple Blockquote via HTML
<blockquote>Very simple Blockquote via HTML</blockquote>
Special Quotebox. Dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit.
Peter, Paul & Mary
<div class="quotebox100">
Zitatbox (volle Breite)
<cite>Name des Zitierten</cite>
</div>
Weitere nützliche HTML-Codes
Deutsche Typografische An- und Abführungen „ “ |
„ “ |
Erzwungener Absatz | <p> </p> |
Bedingte Trennung | ­ |
Geschütztes Leerzeichen | |
Gedankenstrich (Halbgeviert) | – |
Umbruch verhindern mit <nobr></nobr> | <nobr>5,974 · 1024 kg</nobr> |
Icon einfügen* | <i class="fa fa-link fw"></i> |
Icon mit 5 px Abstand einfügen* | <i class="fa fa-link fw" style="margin-right:5px"></i> |
Icon einfügen* | <i class="fa fa-sign-in fw"></i> |
Icon einfügen* | <i class="fa fa-download fw"></i> |
Icon mit 5 px Abstand einfügen* | <i class="fa fa-download fw" style="margin-right:5px"></i> |
Icon einfügen* | <i class="fa fa-external-link fw"></i> |
Icon mit 5 px Abstand einfügen* | <i class="fa fa-external-link fw" style="margin-right:5px"></i> |
Icon mit 5 px Abstand einfügen* | <i class="fa fa-envelope-o fw" style="margin-right:5px"></i> |
In dem Zusammenhang sei auf die entsprechende Liste (externer Link) beim W3 Konsortium verwiesen. Dort werden alle Zeichen codiert aufgelistet. Voraussetzung für die korrekte Darstellung ist allerdings, dass die Zeichen in der verwendeten Schrift auch vorhanden sind. Bei den meisten westeuropäischen Zeichen ist dies in der Regel der Fall.
* Die komplette Liste aller Font Awesome Icons findet sich hier.
jQuery UI
http://jqueryui.com/themeroller/