Zwischenmews! #7

  1. Übliches Design

  2. Textausrichtung

  3. Bilder einfügen

  5. Erweiterungen

  6. Sonderzeichen

  7. Farben

  ursprünglicher Text → Text

  ursprünglicher Text → Text

  ursprünglicher Text → Text

  ursprünglicher Text → Text

Ausrichtung des Textes nach links, rechts, zentriert, oder in einer Box.

Erstelle hiermit eine Scrollbox, indem du statt dem {{height}} eine Höhe in px angibst, z.B. 100px [scroll={{height}}][/scroll] (Die geschwungenen Klammern müssen weg!)

Lass deinen Text hiermit in zwei Spalten anzeigen. Ab der Hälfte der Länge deines Textes wird dieser automatisch in die zweite Spalte verschoben. (Bei dem Icon mit drei Spalten bei einem drittel)

Füge ein Bild ein, indem du [img]hierhin[/img], also zwischen die Klammern die URL des Bildes schreibst

Mit diesem Tool kannst du die Höhe und Breite deines eingefügten Bildes festlegen, indem du Folgendes schreibst: [img style=height: Höhe in px; width: Breite in px;][/img]

Füge die URL deines Bildes zwischen den Klammern ein und es wird automatisch schwarz weiß.

Füge zwischen den Klammern die URL des Bildes ein und gib bei {{Wert}} einen Prozentwert an, so z.B.: [img style=opacity:40%][/img], um die Transparenz des Bildes anzupassen.

Füge statt {{IMGURL}} die URL des Bildes ein und schreibe zwischen die Klammern einen beliebigen Text, der erscheinen soll, wenn man mit der Maus über das Bild fährt.

Füge zwischen den Klammern die URL eines Videos ein, um dieses in deinen Text einzubinden.

Füge Beliebiges in der Klammer ein (um ein Bild einzufüge bitte nochmal extra die [img][/img]-Klammern innerhalb dieser Klammern) um den Inhalt nach rechts auszurichten.

Füge Beliebiges in der Klammer ein (um ein Bild einzufüge bitte nochmal extra die [img][/img]-Klammern innerhalb dieser Klammern) um den Inhalt nach links auszurichten.

Hier kannst du ein Bild mit Rahmen einfügen. Schreibe hierzu die URL zwischen die Klammern.

Füge statt dem {{ButtonName}} einen beliebigen Text an, mit dem der Button beschriftet sein soll. In die Klammern schreibst du dann einen beliebigen Text 2, der erscheinen soll, wenn man auf den Button klickt.

Füge statt dem {{color}} eine beliebige Farbe ein (→ siehe hierfür: Farben), und schreibe zwischen die Klammern einen beliebigen Text, der als Meldung erscheinen soll.

Füge statt {{color}} eine beliebige Farbe ein (→ siehe hierfür: Farben), mit der der Text hinterlegt werden soll.

Füge statt {{color}} eine beliebige Farbe ein (→ siehe hierfür: Farben), mit der der Text markiert werden soll.

Füge hiermit eine graue Box ein, die den Text, den du zwischen die Klammern schreibst, einrahmt.

Füg statt dem {{Prozent}} eine Prozentzahl ein, und statt dem {{HEXcolor}} eine Farbe, in der die Prozentleiste angezeigt werden soll. (Dies muss nicht unbedingt eine HEX Farbe sein! (→ siehe hierfür: Farben))
Ein Beispiel wäre: [Prozentskala width: 50%; background-color: red]50%[/Prozentskala] -Hiermit fügst du eine rote Prozentskala ein, die bei 50% steht.

Lässt alle Buchstaben zu Grossbuchstaben werden.

Lässt alle Buchstaben zu Kleinbuchstaben werden.

Verändert den Abstand der Buchstaben. Füge statt dem 1px höhere Zahlen statt der 1 ein, um den Abstand zu vergrößern.

Verändert den Abstand der Wörter. Wenn man statt der 1 eine höhere Zahl einsetzt, wird auch der Abstand größer.

Lässt den Text oben klein anzeigen

Lässt den Text unten klein anzeigen.

Fügt eine Liste mit Punkten ein. Füge zwischen die Klammern [li] [/li] jeweils die einzelnen Punkte ein. Du kannst auch den Code von [li] [/li] kopieren und mehrmals einfügen, wenn du mehr Punkte brauchst.

Fügt eine Liste mit Zahlen ein. Füge zwischen die Klammern [li] [/li] jeweils die einzelnen Punkte ein. Du kannst auch den Code von [li] [/li] kopieren und mehrmals einfügen, wenn du mehr Punkte brauchst.

Es gibt verschiedene Arten von Farbcodes, z.B.:
HEX: #...... (6 Stellen, z.B. #4287f5)
RGBA: rgba(...,...,...,...,) (→r= Rotanteil, g= Grünanteil, b= Blauanteil, a= Transpazenz von 0-1)
Den Farbcode einer beliebigen Farbe kannst du → hier ermitteln und dann immer da einfügen, wo du bei der Iconbar eine beliebige Farbe einfügen kannst.
Wenn dir das mit den Codes nichts ist, kannst du dir auch einfach →hier eine Farbe aussuchen und den ihr zugeordneten Farbnamen statt dem code schreiben, dass funktioniert genauso gut.