User:Sixtus/Sandkasten: Difference between revisions

From dezentrale wiki
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
Line 1: Line 1:
 
Hier wird experimentiert!
 
Hier wird experimentiert!
   
{{User}}
+
{{User|}}
 
{| class="wikitable" style="float: right; margin-left: 1em;"
 
{| class="wikitable" style="float: right; margin-left: 1em;"
 
|+Dies ist eine Tabelle
 
|+Dies ist eine Tabelle
Line 10: Line 10:
 
|gedacht?
 
|gedacht?
 
|-
 
|-
|colspan="2"| [[File:Double_Facepalm.jpg|center|frameless|250x250px]]
+
|colspan="2"| [[File:Double_Facepalm.jpg|right|frameless|250x250px]]
 
|-
 
|-
 
|Hier
 
|Hier
 
|sind
 
|sind
 
|-
 
|-
  +
|Sachen
|Wörter
 
 
|drin!
 
|drin!
 
|-
 
|-
 
|colspan="2"|
 
|colspan="2"|
 
|-
 
|-
|colspan="2"| Wurst, Käse, Bananen und natürlich ganz viel andere tolle Sachen.. Bla fasel super langer Text
+
|colspan="2"| Wurst, Käse, Bananen und natürlich ganz viel andere tolle Dinge.. Bla fasel blubb laber dozier, super langer Text!
 
|-
 
|-
 
|}
 
|}
  +
Diese Tabelle hat einen float-right und streitet sich mit dem Text um den Platz. Auf Mobile sieht dann vielleicht alles super furchtbar aus.
  +
  +
Super viel Text in einem Quellcode block um zu sehen wie sich dieser Block mit der Tabelle um den Platz streitet
  +
  +
#platzhirsch
   
 
{{Purge}}
 
{{Purge}}
Line 31: Line 36:
   
 
{{#mermaid:stateDiagram-v2
 
{{#mermaid:stateDiagram-v2
  +
State1: The state with a note
 
  +
start: Beginn
note right of State1
 
  +
middle: Etappe
Important information! You can write
 
  +
finish: Ziel
notes.
 
  +
end note
 
  +
note left of start: An diesem Punkt beginnt alles!
State1 --> State2
 
note left of State2 : This is the note to the left.
+
note left of middle: Hier halten wir uns nur kurz auf
  +
note left of finish: Hier ist alles schon wieder vorbei.
  +
note right of finish: Schade
  +
  +
start --> middle
  +
middle --> finish
  +
 
}}
 
}}
   
Line 68: Line 79:
 
----
 
----
   
Der SVG-Konverter kackt voll ein!
+
Der SVG-Konverter erzeugt feinste Pixeltreppen!
   
 
<div style="width: 256px; max-width: 256px; border: 1px dotted black; overflow: hidden; float: right; margin-left: 1em;">
 
<div style="width: 256px; max-width: 256px; border: 1px dotted black; overflow: hidden; float: right; margin-left: 1em;">
{{@|128px}}
 
 
{{@|256px}}
 
{{@|256px}}
 
{{@|512px}}
 
{{@|512px}}
Line 79: Line 89:
 
Dafür können wir aber QR generieren..
 
Dafür können wir aber QR generieren..
   
{{#qrlite:Never gonna give you up|format=svg|size=12|ecc=5|margin=0}}
+
{{#qrlite:Never gonna give you up, never gonna let you down|format=svg|size=12|ecc=5|margin=5}}
  +
{{#qrlite:Never gonna run around and desert you|format=svg|size=12|ecc=5|margin=5}}
  +
{{#qrlite:Never gonna make you cry, never gonna say goodbye|format=svg|size=12|ecc=5|margin=5}}
  +
{{#qrlite:Never gonna tell a lie and hurt you|format=svg|size=12|ecc=5|margin=5}}

Latest revision as of 12:20, 28 June 2026

Hier wird experimentiert!


Dies ist eine Tabelle
Wer hätte
es gedacht?
Double Facepalm.jpg
Hier sind
Sachen drin!
Wurst, Käse, Bananen und natürlich ganz viel andere tolle Dinge.. Bla fasel blubb laber dozier, super langer Text!

Diese Tabelle hat einen float-right und streitet sich mit dem Text um den Platz. Auf Mobile sieht dann vielleicht alles super furchtbar aus.

   Super viel Text in einem Quellcode block um zu sehen wie sich dieser Block mit der Tabelle um den Platz streitet
   
   #platzhirsch

Seite aktualisieren



Bla fasel blubb:

Laber bla!


Email-Adressen Test:

«wurst@wasser.net » (No whitespace)

«wurst@wasser.net » (Templatename)

«wurst@wasser.net » (Leading)

«wurst@wasser.net » (Trailing)

«wurst@wasser.net » (Both)

Fuck yeah! Es funktioniert. Dank Template:Trim!

Naja, so halb.. Warum hinten raus noch Whitespace ist: ¯\_(ツ)_/¯



Fließtext fließt.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam


Der SVG-Konverter erzeugt feinste Pixeltreppen!

@

@

@

Dafür können wir aber QR generieren..