![]() Ewiger Frühling
BlitzClan: 55 |
SturmClan: 58 |
RegenClan: 23 |
HagelClan: 49 |
Streuner:39 |
|
How to: Profilgestaltung
in Erste Schritte 25.12.2025 18:49von Karneolsplitter •
| 611 Beiträge | 658 Punkte

Wie du vielleicht schon gesehen hast haben wir die verschiedensten Funktionen in unserer Iconbar um Beiträge, bzw hauptsächlich die Profilgestaltung zu erleichtern. Da einige Funktionen allerdings etwas verwirrend sein könnten, findest du hier eine kleine Anleitung für alle angebotenen Funktionen!

[Wir arbeiten uns hier von links nach rechts]

Die Grundfunktionen
Größere SchriftMacht die Schrift etwas größer als gewöhnlich:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung
Kleinere SchriftMacht die Schrift etwas kleiner als gewöhnlich:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung
BoldGibt den Text fettgeschrieben aus:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung
UnterstreichenUnterstreicht den Text:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung
ItalicGibt den Text in kursiv aus:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung
StrikeStreicht gewünschte Texte durch:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung
TextmarkerHier können gewünschte Texte mit farbiger Markierung ausgegeben werden. Dabei muss der gewünschte Farbcode innerhalb der Klammer ergänzt werden:
2
3
4
Ausgegeben wird:
[mark=#FarbCode]Text[/mark]
Für nachfolgendes Beilspiel habe ich es also durch den gewünschten Farbcode ersetzt, also:
[mark=#0886FF]Text[/mark]
Somit bekomme ich dann dieses Ergebnis:
Beispieltext mit Formatierung
Code
Diese Funktion gibt den Text als Codedzeilen aus und unterdrückt alle anderen Befehle, z.B. um diese wie in obigem Beispiel anzeigen zu können ohne sie Auszuführen.
Das sieht dann so aus:
2
3
Beispieltext mit Formatierung
Wir haben übrigens auch einen Tiktok Account :)
Oder du willst unserer WhatsApp Gruppe beitreten? Dann findest du diese unter "Socials"!
Trennlinie
Die Trennlinie kann im Profil dabei helfen die Texter klarer zu strukturieren oder mehrere Rpg-Antworten in einem Post odentlich voneinander zu trennen:
Karneolsplitters Antwort auf @Darkforest
Karneolsplitters Antwort auf @Ginsterpfad
ZitatDiese Funktion gibt Textstellen als Zitate aus:
Zitat
Darkforest ist der beste Hauptadmin!
Dieser Code lässt sich sogar noch Personalisieren! Indem du die erste Klammer etwas veränderst:
2
3
4
Normalerweise schreiben wir:
[quote]Text[/quote]
Personalisierung:
[quote="Karneolsplitter"]Text[/quote]
Dann steht da:
Zitat von Karneolsplitter
Darkforest ist der beste Hauptadmin!
Spoiler
Der Spoiler bietet die Möglichkeit Texte zu verstecken:
Auch dieser Code lässt sich folgendermaßen personalisieren:
2
3
4
Normalerweise schreiben wir:
[spoiler]Text[/spoiler]
Für eine Beschriftung des Spoilers:
[spoiler=Beschriftung]Text[/spoiler]
Dann sieht der Spoiler so aus:
LinkÜber diese Funktion kannst du z.B andere Themen im Forum verlinken oder völlig andere Websiten etc. Diese werden dann in einem neuen Fenster geöffnet.
Wenn du auf das Symbol klickst werden dir folgende Fenster angezeigt:
Hier wird der Link eingefügt auf den verwiesen werden soll.
Hier wird der Text eingegeben der dann statt der URL als Link angezeigt wird.
Dies sieht dann so aus:
[URL=www.irgendeinewebsite.de]Angezeigter Text[/URL]
Und kann im Nachhinein natürlich auch noch angepasst werden.
Hier ein Beispiel:
Klick mich an!

Textfelder
Die Codes für Textfelder verstecken sich hinter dem ersten grün umrandeten Kasten!
Zwei SpaltenMit dieser Funktion können Texte in zwei Spalten angezeigt werden.
Dabei teilen sich die Spalten selbstständig auf, es sollte also immer eine gerade Anzahl an Zeilen geschrieben werden damit sich nichts verschieben kann.
Wenn du also folgende Ausgabe willst:
Sieht der Code so aus:
2
3
4
5
6
7
[2column]@Darkforest
@Ginsterpfad
@Karneolsplitter
Darkforest
SturmClan
RegenClan[/2column]
Drei Spalten
Hier gilt genau dasselbe wie bereits mit den 2 Spalten, nur dass die Texte in 3 Spalten geteilt werden.
Für dieses Ergebnis:
Gilt folgender Code:
2
3
4
5
6
7
8
9
[3column]@Darkforest
@Ginsterpfad
@Karneolsplitter
Darkforest
SturmClan
RegenClan
männlich
divers
männlich[/3column]
Graue Box
Die graue Box lässt alle deine Texte in einem grauen Textfeld erscheinen. Das sieht dann so aus:
ScrollbarMit dieser wird der Text ab einer gewissen länge zur Scrollbar. Wenn z.B. deine Texte im Profil zu lang sind, aber ein Spoiler dir nicht gefällt kannst du diese Funktion anwenden:
Duis autem vel eum iriure 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 praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure 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 praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
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, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. 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.
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 voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
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 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.
Duis autem vel eum iriure 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 praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure 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 praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor int.

Textausrichtungen
Diese findest du in dem zweiten grün umrandeten Kasten.
LinksbündigDer Text wird bündig mit dem linken Rand dargestellt, was keinen Unterschied zum nicht formatierten Text macht:
RechtsbündigDer Text wird bündig mit dem rechten Rand angezeigt:
ZentriertDer Text wird mittig zentriert dargestellt:
BlockDer Text wird so dargestellt, dass er sauber mit beiden Seitenrändern abschließt:

Bilder und Videos
Diese findest du in dem dritten grün umrandeten Kasten.
Normales BildHiermit kannst du ein Bild ganz normal mithilfe eines Linkes einfügen:

Bild anpassenDiese Funktion ist für diejenigen, die bereits Erfahrung in HTML haben. Über die Erweiterung können verschiedene Bearbeitungen vorgenommen werden. Z.B:
2
3
4
5
6
[img style={{style}}][/img]
Bild mit Rahmen:
[img style=border:10px solid #000;]Bildlink[/img]
Ecken abrunden:
[img style=border-radius:10px;]Bildlink[/img]

Video
Mit dieser Funktion kann ein Video eingebaut werden. Z.B von Youtube:
Bild in Text linksÜber diese Funktion wird ein Bild in den Textfluss mit eingeschlossen und an den linken Rand gesetzt.
Da dies allerdings auch für Texte funktioniert, muss der Code für das Bild nochmal manuell eingefügt werden. Also:
[div style=float:left][img]Bildlink[/img][/div] Text
Daraus wird:

Bild in Text rechtsÜber diese Funktion wird ein Bild in den Textfluss mit eingeschlossen und an den rechten Rand gesetzt.
Da dies allerdings auch für Texte funktioniert, muss der Code für das Bild nochmal manuell eingefügt werden. Also:
[div style=float:right][img]Bildlink[/img][/div] Text
Daraus wird:


Funktionen zur Verschönerung
Die restlichen Funktionen dienen nun noch der Verschönerung des Profils durch Icons, Trennbilder oder Farben.
FarbenHier kan aus bereits vorausgewählten Farben, Leuchtschriften oder dem Farbkreis ausgewählt werden. Durch die Funktion des Farbkreises können alle möglichen Farbcodes (in Hexadezimal) verwendet werden, damit für jeden das richtige dabei ist.
Also:
2
3
[style=color:#0090F7]Farbcode[/style]
[style=letter-spacing:0.08em;text-shadow:0 0 10px blue,0 0 25px blue,0 0 60px blue]Leuchtschrift[/style]
[ice]vorausgewählte Farben[/ice]
Wird zu:
Farbcode
Leuchtschrift
vorausgewählte Farben
BlitzClan Originals
Bei diesen Stickern handelt es sich um Bilder, die von den Forenmitgliedern selbst gezeichnet wurden. Unter anderem haben daran @Windsturm, @Schattenherz und @Siedestern mitgewirkt!
Falls du deine eigenen Bildchen dort sehen willst, kannst du dich gerne ans Team wenden und bekommst von uns alle weiteren Infos
Emoticons
Diese Sticker sind aus dem Internet und für alle frei verfügbar.
Damit kannst du deine Beiträge oder Gästebuch Einträge freundlicher gestalten!
Symbole
Hier findest du Symbole die bei der Profilgestaltung vielleicht ganz hilfreich sein könnten!
Beispielsweise SternenClan Katzen als tot markieren ✞, oder die Geschlechter von aufgelisteten Charakteren einfacher darzustellen ♀♂.
PNGs
Diese kleinen PNGs sind einfach eine kleine Vorauswahl an Bildchen, mit denen das Profil nach Lust und Laune verschönert und lebhafter gestaltet werden kann.
Kleine Trenner
Hier handelt es sich um kleine Trennbilder als Trenner bzw Unterteiler des Profils. Quasi eine buntere und kreativere Version der Trennlinie aus der Iconbar.

Große TrennerHier handelt es sich um große Trennbilder als Trenner bzw Unterteiler des Profils. Quasi eine buntere und kreativere Version der Trennlinie aus der Iconbar.


Schriftart und -größe
Schriftgröße
Mit dieser Funktion kann die Schriftgröße genauer angepasst werden, als mit den Schnellfunktionen am Beginn der Leiste.
Die her angebotenen Pixelgrößen der Schrift sind nur optionale Angebote von uns. Es gibt keine Begrenzung nach oben oder unten. Dabei muss einfach nur die Zahl im Befehl verändert werden:
2
3
4
[style=font-size:24pt]Text[/style]
Kann also auch zu
[style=font-size:29pt]Text[/style]
werden
Größe 32
Größe 24
Größe 14
Schriftarten
Die hier aufgeführten Schriftarten können ebenfalls zur Gestaltung verwendet werden.
Hier ist eine Liste von diesen damit du siehst wie sie am Ende aussehen:
Schriftbeispiel für Comic Sans MS
Schriftbeispiel für Courier New
Schriftbeispiel für Georgia
Schriftbeispiel für Impact
Schriftbeispiel für Lucida Console
Schriftbeispiel für Verdana
Schriftbeispiel für Indie Flower
Schriftbeispiel für Dancing Script
Schriftbeispiel für Pacifico
Schriftbeispiel für Amatic SC
Schriftbeispiel für Gloria Hallelujah
Schriftbeispiel für Parisienne
Schriftbeispiel für Hachi Maru Pop
Schriftbeispiel für Monoton
Schriftbeispiel für Homemade Apple
Schriftbeispiel für Fredericka the Great
Schriftbeispiel für Cinzel Decorative
Schriftbeispiel für Monoton
Schriftbeispiel für Rye
Schriftbeispiel für Frijole
Schriftbeispiel für Megrim
Schriftbeispiel für Kranky
Schriftbeispiel für Bungee Shade
Schriftbeispiel für Akronim
Schriftbeispiel für Ballet

Natürlich können die einzelnen Funktionen auch miteinander kombiniert werden.
Falls es nun immernoch offene Fragen gibt, wende dich gerne ans Team!

Zitat
What the hell
Is the StarClan
Trying to teach
Me right now!?
![]()
Das Thema wurde geschlossen. Das Thema wurde geschlossen. |
Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Hauptadmin : Darkforest
Admin : Karneolsplitter - Sonnenwendfeuer
Moderatoren : Milleniumfalke
Aufgabenverteilung des Teams
Besucher
0 Mitglieder und 25 Gäste sind Online Besucherzähler Heute waren 1920 Gäste und 2 Mitglieder online. |
Forum Statistiken
|
| Ein Xobor Forum Einfach ein eigenes Forum erstellen |

Warrior Cats

Besucher
Forum Statistiken