Das Secret Wiki ist ein Portal für Persönlichkeitsentwicklung, Spiritualität und Nachhaltigkeit.
Es vermittelt "Wissen für (D)eine neue Welt".
Wenn du aufgeschlossen bist und das hier präsentierte Wissen anwendest, kann dein Leben dadurch lebenswerter und nachhaltiger werden.

Benutzer:Stefan/Spielwiese

Aus Secret Wiki
Wechseln zu: Navigation, Suche

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

Farben

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

CSS-Sheets

JS

Weblinks:

Schriften und Co.

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

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 :)

Schriftgröße in courier-Schriftblöcken

Seit 1.19 alles in Ordnung :)

Beweis:

Nowiki

Code

Pre

TT

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. 

Variablen

Derzeit haben wir 589 Artikel verfasst.

Hallo 54.82.81.154!

Infos:

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>

Kategorien

Weblinks

Erzähl's weiter:

Kommentiere per Facebook:

Oder kommentiere über Disqus: