#1

How to: Profilgestaltung

in Erste Schritte 25.12.2025 18:49
von Karneolsplitter • | 611 Beiträge | 658 Punkte

Wie gestalte ich mein Profil?



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 Schrift

Macht die Schrift etwas größer als gewöhnlich:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung

Kleinere Schrift

Macht die Schrift etwas kleiner als gewöhnlich:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung

Bold

Gibt den Text fettgeschrieben aus:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung

Unterstreichen

Unterstreicht den Text:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung

Italic

Gibt den Text in kursiv aus:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung

Strike

Streicht gewünschte Texte durch:
Beispieltext ohne Formatierung
Beispieltext mit Formatierung

Textmarker

Hier können gewünschte Texte mit farbiger Markierung ausgegeben werden. Dabei muss der gewünschte Farbcode innerhalb der Klammer ergänzt werden:

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

1
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

Zitat

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

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

Hier könnte deine Werbung stehen!


Auch dieser Code lässt sich folgendermaßen personalisieren:

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

Hier könnte deine Werbung stehen!


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:

1
 
[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 Spalten

Mit 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:
@Darkforest
@Ginsterpfad
@Karneolsplitter
Darkforest
SturmClan
RegenClan


Sieht der Code so aus:

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

@Darkforest
@Ginsterpfad
@Karneolsplitter
Darkforest
SturmClan
RegenClan
männlich
divers
männlich


Gilt folgender Code:

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

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.


Scrollbar

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

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 ameLorem 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 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ündig

Der Text wird bündig mit dem linken Rand dargestellt, was keinen Unterschied zum nicht formatierten Text macht:
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.


Rechtsbündig

Der Text wird bündig mit dem rechten Rand angezeigt:
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.


Zentriert

Der Text wird mittig zentriert dargestellt:
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.


Block

Der Text wird so dargestellt, dass er sauber mit beiden Seitenrändern abschließ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.




Bilder und Videos

Diese findest du in dem dritten grün umrandeten Kasten.


Normales Bild

Hiermit kannst du ein Bild ganz normal mithilfe eines Linkes einfügen:



Bild anpassen

Diese Funktion ist für diejenigen, die bereits Erfahrung in HTML haben. Über die Erweiterung können verschiedene Bearbeitungen vorgenommen werden. Z.B:

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

1
 
[div style=float:left][img]Bildlink[/img][/div] Text
 


Daraus wird:

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.

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:

1
 
[div style=float:right][img]Bildlink[/img][/div] Text
 


Daraus wird:

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.



Funktionen zur Verschönerung

Die restlichen Funktionen dienen nun noch der Verschönerung des Profils durch Icons, Trennbilder oder Farben.


Farben

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

1
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 Trenner

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

1
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!?

zuletzt bearbeitet 26.12.2025 00:42 | nach oben springen
lockDas Thema wurde geschlossen.

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
Das Forum hat 2983 Themen und 290404 Beiträge.

Heute war 1 Mitglied Online :
Steppenluchs

Xobor Ein Xobor Forum
Einfach ein eigenes Forum erstellen