Benutzer:Stefan Seidner-Britting/Spielwiese

Aus Secret Wiki
Wechseln zu:Navigation, Suche

Dies ist die persönliche Spielwiese von Stefan.
Sie dient dazu Wikitext-Dinge auszuprobieren.

1 Farben

  • Links (blau): 002BB8
  • Rahmenfarbe (grau): AAAAAA
  • Hintergrundfarbe von Tabellen (Lavender): E6E6FA

2 CSS-Sheets

3 JS

Weblinks:

4 Schriften und Co.

  • Mehrere Absätze einrücken (ohne Doppelpunkt):
<div style="margin-left: 1.6em;">Text</div>

4.1 Line height in small-Blöcken anpassen

das ist ein kleiner Text,
bei dem die Linienhöhe nicht angepasst wurde

das ist ein kleiner Text,
bei dem die Linienhöhe angepasst wurde
geht nur mit div-Tag, mit span nicht


zugehöriger Code:

<div style="line-height:0.8em"><small>Text</small></div>


Neue Lösung:

<div class="smaller">
Wichtig: Öffnendes und schließendes div-Tag jeweils in eigene Zeile - damit p-Tag gesetzt wird (ohne funktioniert Zeilenhöhe nicht richtig).
</div>

Beispiel:

Smaller Text
Mit class=smaller :)

4.2 Schriftgröße in courier-Schriftblöcken

Seit 1.19 alles in Ordnung :)

Beweis:

Nowiki

Code

Pre

TT

4.3 Zeilenumbrüche in pre-Blöcken

Problem: width-Attribut funktioniert bloß in Firefox.

Lösung:

<pre style="white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word">

Ergebnis:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

5 Variablen

Derzeit haben wir 626 Artikel verfasst.

Hallo 3.237.94.109!

Infos:

6 Kästen

<div style="border:1px solid gray; margin:.5em; padding:.5em; background-color:#EEEEEE">kantig, grau</div>


<div style="border:1px solid gray; border-radius: 7px; margin:.5em; padding:.5em; background-color:#EEEEEE">grau</div>


<div style="border:1px solid gray; border-radius: 7px; margin:.5em; padding:.5em; background-color:#FFFF99">gelb</div>


<div style="border:1px solid gray; border-radius: 7px; margin:.5em; padding:.5em; background-color:#F3F7FA">hellblau</div>


<div style="background-color: #F9F9F9; border: 1px dashed #2F6FAB; color: black; padding: 1em;"></div>


<div style="border:1px solid #a7d7f9; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3); margin:.5em; padding:1em; background-color:#F3F7FA">rund, shadow, hellblau</div>


Überschrift

<div style="border:1px solid #1B2995; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius:7px; box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3); margin:.5em; background-color:#F3F7FA"><div style="background-color:#1B2995; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; padding:0.4em 1em; font-weight:bold; font-size:1.2em; color:#fff">Überschrift</div><div style="padding:0.4em 1em;">Text</div></div>

7 Kategorien

8 Weblinks

Glück ist das Einzige, was sich verdoppelt, wenn man es teilt.

Kommentare