Forum

Geschlossene Diskussion

Seiten : 1

#1 Am 26.07.2021 um 12.31 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Anleitung zu den BB-Codes

https://s20.directupload.net/images/210726/agbcqzr3.png


Hier findet ihr eine Anleitung zu den BB-Codes. Einmal, wo findet ihr überhaupt die Codes und was kann man alles mit den Codes machen bzw. welche verschiedenen Variationen gibt es überhaupt.

Hier sind nur Anreize gegeben, was man alles mit den Codes machen kann. Experimentiert doch etwas rum und schaut so, wie ihr eure Beiträge noch verschönern könnt.

Klickt auf die Überschrift zu dem Thema welches euch interessiert und ihr gelangt zur Anleitung.

https://s20.directupload.net/images/210726/agbcqzr3.png


Was gibt es alles für codes?


Wie erstelle ich überhaupt Codes?

Schriftarten

Farbgestaltung

Farben

Verlinkungen und Videos

spoiler und Quotes

Beispiele

An den Texten aus dem Sweet Amoris Forum orientiert


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#2 Am 26.07.2021 um 12.31 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Wie erstelle ich überhaupt Codes?


Es gibt zwei Wege Codes auf Eldarya zu erstellen.

1. Weg
Ihr schreibt alles selber.
Um die eckigen Klammern auf einem Mac zu erstellen benutzt ihr die Tastenkombination: [option]+[5] dadurch erhaltet ihr diese Klammer = [
Für die schließende eckige Klammer braucht ihr diese Tasten Kombination: [option]+[6] dadurch erhaltet ihr diese Klammer = ]

Um die eckigen Klammern auf einem Windows PC zu erstellen benutzt ihr die Tastenkombination: [Alt Gr]+[8] dadurch erhaltet ihr diese Klammer = [
Für die schließende eckige Klammer braucht ihr diese Tasten Kombination: [Alt Gr]+[9] dadurch erhaltet ihr diese Klammer = ]

https://s20.directupload.net/images/210726/bfu2rzkf.png


2. Weg

Sobald ihr einen Beitrag oder eine Diskussion eröffnen wollt, könnt ihr über dem Textfeld rechts bereits die BB-Codes sehen. Ihr müsst dann nur noch den Code anklicken den ihr braucht und müsst sie nun nicht mehr selber eingeben.
https://s20.directupload.net/images/210726/sawitvuh.jpg

Es gibt außerdem eine Liste in  welcher die BB-Codes erklärt werden. Dafür müsst ihr nur auf das Feld “Nachricht gestalten“ klicken. (Siehe Bild)

https://s20.directupload.net/images/210726/mcalgygk.jpg

Dort habt ihr einen Überblick über die ganzen Codes. Alternativ könnt ihr auch auf diesen Link klicken und gelangt ebenfalls zu der Liste.
https://www.eldarya.de/forum/help


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#3 Am 26.07.2021 um 12.31 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Schriftarten

Alles was in dem Code steht, müsst ihr auch so eingeben, damit eure Texte oder Wörter die entsprechende Formatierung übernehmen.

https://s20.directupload.net/images/210726/agbcqzr3.png


[b]Dieser Text ist fett.[/b]


Ergebnis= Dieser Text ist fett.

https://s20.directupload.net/images/210726/bfu2rzkf.png


[i]Dieser Text ist kursiv.[/i]


Ergebnis = Dieser Text ist kursiv.

https://s20.directupload.net/images/210726/bfu2rzkf.png


[u]Dieser Text ist unterstrichen.[/u]


Ergebnis = Dieser Text ist unterstrichen.

https://s20.directupload.net/images/210726/bfu2rzkf.png


[center]Dieser Text ist zentriert.[/center]


Ergebnis =
Dieser Text ist zentriert.


https://s20.directupload.net/images/210726/bfu2rzkf.png


[big]Dieser Text ist etwas größer.[/big]


Ergebnis = Dieser Text ist etwas größer.

https://s20.directupload.net/images/210726/bfu2rzkf.png


[small]Dieser Text ist etwas kleiner.[/small]


Ergebnis = Dieser Text ist etwas kleiner.

https://s20.directupload.net/images/210726/bfu2rzkf.png


Dann gibt es noch 2 Arten von Überschriften, die man auf Eldarya nutzen kann.

1. Variante

[title1]Überschrift 1[/title1]


Ergebnis =

>> Überschrift 1

und

2. Variante

[title2]Überschrift 2[/title2]


Ergebnis =

Überschrift 2

https://s20.directupload.net/images/210726/bfu2rzkf.png


Natürlich könnt ihr auch die Codes miteinander kombinieren. Versucht es einfach.
Beispiel:

[center][b][u]Dieser Text ist zentriert, fett und unterstrichen.[/u][/b][/center]


Ergebnis =
Dieser Text ist zentriert, fett und unterstrichen.


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#4 Am 26.07.2021 um 12.32 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Farbgestaltung


Ihr könnt natürlich mit jeder Menge Farben arbeiten, damit eure Texte ansprechender aussehen. Hier findet ihr zum Beispiel eine HTML-Code Tabelle für Farben.

https://s20.directupload.net/images/210726/agbcqzr3.png


Dafür gibt es 2 Varianten:

Bei der ersten Variante müsst ihr eure Wunschfarbe in Englisch nach dem Code „color=…“ eingeben.

Beispiel:

[color=blue]Dieser Text ist blau.[/color]


Ergebnis = Dieser Text ist blau.

oder

[color=DarkCyan]Dieser Text ist dunkelcyan.[/color]


Ergebnis = Dieser Text ist dunkelcyan.

https://s20.directupload.net/images/210726/bfu2rzkf.png


Bei der zweiten Varianten könnt ihr die Farbe mit Hilfe von einem HTML-Code einfügen. Beachtet dabei, dass immer das #-Symbol vor dem Code steht.

Beispiel:

[color=#B527F8]Dieser Text ist Violett.[/color]


Ergebnis = Dieser Text ist Violett.

oder

[color=#EA1A3D]Dieser Text ist rot.[/color]


Ergebnis = Dieser Text ist rot.

https://s20.directupload.net/images/210726/bfu2rzkf.png


Zusatz: Farben für die Überschriften
Unter der Rubrik Schriftarten konntet ihr sehen, was es für Überschriften auf Eldarya gibt. Überschrift 2 könnt ihr sogar einfärbe. Das macht ihr auch wieder indem ihr, entweder in Englisch den Code schreibt oder mit einem HTML-Code.

1. Variante

[title2][color=Mediumblue]Diese Überschrift ist blau.[/color][/title2]


Ergebnis =

Diese Überschrift ist blau.


oder

2. Variante

[title2][color=#EA1A3D]Diese Überschrift ist rot.[/color][/title2]


Ergebnis =

Diese Überschrift ist rot.

https://s20.directupload.net/images/210726/bfu2rzkf.png


Tipp:Damit alles mit der Überschrift richtig funktioniert, muss der Code für die Farbe direkt vor und hinter eurem geschriebenen Text sein so wie in den oben gezeigten Beispielen.

[color=Mediumblue][title2]so klappt es nicht.[/title2][/color]


so klappt es nicht.


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#5 Am 26.07.2021 um 12.32 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Farben

Hier sind einige Farbcodes die ihr für eure Postgestaltung verwenden könnt:
übernommen aus dem Amerikanischen Eldarya Forum.

Gray
DimGray
LightSlateGray
LightSteelBlue
SlateGray
SteelBlue
RoyalBlue
CornFlowerBlue
MediumSlateBlue
SlateBlue
DarkSlateBlue
Navy
DarkBlue
MediumBlue
DodgerBlue
DeepSkyBlue
SkyBlue
LightSkyBlue
LightBlue
PowderBlue
Azure
LightCyan
PaleTurquoise
MediumTurquoise
LightSeaGreen
DarkCyan
Teal
CadetBlue
Aqua
Cyan
DarkTurquoise
Turquoise
Aquamarine
MediumAquamarine
DarkSeaGreen
MediumSeaGreen
SeaGreen
DarkGreen
DarkSlateGray
DarkOliveGreen
Olive
Green
ForestGreen
OliveDrab
LimeGreen
YellowGreen
Lime
Chartreuse
LawnGreen
GreenYellow
PaleGreen
LightGreen
SpringGreen
MediumSpringGreen
DarkKhaki
Gold
Khaki
PaleGoldenRod
BlanchedAlmond
Moccasin
Wheat
NavajoWhite
SandyBrown
Tan
BurlyWood
GoldenRod
Yellow
RosyBrown
DarkGoldenRod
Sienna
SaddleBrown
Chocolate
Peru
DarkRed
Maroon
Brown
FireBrick
Orange
IndianRed
LightCoral
Salmon
DarkSalmon
LightSalmon
Coral
Tomato
DarkOrange
OrangeRed
OrangeRed
Crimson
Red
DeepPink
Magenta
Fuchsia
HotPink
Pink
LightPink
MediumOrchid
PaleVioletRed
Purple
MediumVioletRed
DarkMagenta
MediumPurple
BlueViolet
Indigo
DarkViolet
DarkOrchid
Orchid
Violet
Plum


Code


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#6 Am 26.07.2021 um 12.33 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Verlinkungen und Videos

Es gibt verschiedene Varianten, wie man einen Text, Webseiten oder sogar ein Bild verlinken kann. Gleichzeitig wird euch noch hier gezeigt, wie ihr Bilder (auch GIF-Dateien) in euren Beiträgen einfügt. Oder wie ihr ein Video von Youtube anzeigen lassen könnt in eurem Beitrag.

Verlinkungen


https://s20.directupload.net/images/210726/agbcqzr3.png


1. Variante
Bei dieser Variante könnt ihr den kompletten Link verlinken.

[url]https://www.eldarya.de[/url]

Ergebnis = https://www.eldarya.de


https://s20.directupload.net/images/210726/bfu2rzkf.png


2. Variante
Hier könnt ihr selbst bestimmen, wie der Text der Verlinkung aussehen soll. In diesem Beispiel soll es „Startseite“ heißen.

[url=https://www.eldarya.de]Startseite[/url]


Ergebnis = Startseite


https://s20.directupload.net/images/210726/bfu2rzkf.png


Video


Achtung, diese Art von Code funktioniert nur bei Videos von Youtube!

1. Variante
Hier müsst ihr einfach nur euer Wunschvideo suchen auf Youtube und den entsprechenden Link vom Video in dem Code einfügen.

[youtube]https://www.youtube.com/watch?v=nVnqttCpViw[/youtube]


Ergebnis =



2. Variante
Wenn ihr wollt, dass ein Video automatisch abspielt ohne, dass ihr dabei auf Play drückt, dann müsst ihr folgenden Code benutzen.
Achtung: Es ist verboten im Forum Videos einzufügen, die automatisch losgehen. Solche Videos werden umgehend von den Moderatoren entfernt und kann je nach Schwere eine Sanktion mit sich ziehen. Also lasst es lieber. Auf eurem Profil ist es allerdings erlaubt.

[youtube]Youtubelink;autoplay=1&h1=en[/youtube]

Wo das Wort „Youtubelink“ im Code steht, müsst ihr natürlich den Link von eurem Wunschvideo einfügen.


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#7 Am 26.07.2021 um 12.33 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Spoiler und Quotes

Hier könnt ihr sehen, wie man mit dem Spoilerkasten arbeiten kann und dem Code „[‚quote]“. Gleichzeitig seht ihr noch Kombinationen einiger Codes, die bereits vorgestellt wurden, womit ihr euren Spoilerkasten noch schöner gestalten könnt.

https://s20.directupload.net/images/210726/agbcqzr3.png


1. Variante
Der normale Spoilerkasten.

[spoiler]Hier ist der versteckte Text.[/spoiler]


Ergebnis =

Spoiler (Klicken um anzuzeigen)



https://s20.directupload.net/images/210726/bfu2rzkf.png


2. Variante
Wenn ihr nicht diesen Text stehen haben wollt „Spoiler (Klicken um anzuzeigen)“, müsst ihr einfach nach „spoiler=...:“ euren Wunschtext einfügen.

[spoiler=Wunschtext]Spoiler mit Wunschspoilertitel.[/spoiler]


Ergebnis =

Wunschtext



https://s20.directupload.net/images/210726/bfu2rzkf.png


3. Variante
Wenn ihr gar nicht wollt, dass man einen Spoilertitel sieht, dann müsst ihr nach „spoiler=“ einfach nur ein Leerzeichen setzen.

[spoiler= ]Ein Spoiler ohne Spoilertitel[/spoiler]


Ergebnis =



https://s20.directupload.net/images/210726/bfu2rzkf.png


4. Variante
Wollt ihr euren Spoilertitel zentrieren, dann müsst ihr folgenden Code benutzen.
Aufgepasst:Wenn ihr euren Spoilertitel zentriert, wird auch der Text im Spoiler zentriert.

[center][spoiler=Wunschtitel]Text im Spoiler[/spoiler][/center]


Ergebnis =

Wunschtitel



https://s20.directupload.net/images/210726/bfu2rzkf.png


5. Variante
Ihr könnt auch Spoilerkasten verschachteln um einen besseren Überblick innerhalb eines Spoilers zu schaffen.

[spoiler=1. Spoiler][spoiler=1. verschachtelter Spoiler]Text[/spoiler]
[spoiler=2. verschachtelter Spoiler]Text[/spoiler][/spoiler]


Ergebnis =

1. Spoiler



https://s20.directupload.net/images/210726/bfu2rzkf.png


6. Variante
Der Code ['quote] dient vorwiegend dazu jemanden zu zitieren.

[quote=Miiko]Willkommen in der Garde von Eel.[/quote]


Ergebnis =

Miiko hat geschrieben:

Willkommen in der Garde von Eel.


https://s20.directupload.net/images/210726/bfu2rzkf.png


7. Variante
Allerdings könnt ihr den Code auch dafür nutzen einen Rahmen zu bilden.

[quote]Das ist ein Text mit Rahmen.[/quote]


Ergebnis =

Das ist ein Text mit Rahmen.


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

#8 Am 26.07.2021 um 12.34 Uhr

Galaxy-Mod
Astraeus
...
Nachrichten: 677

>> Beispiele

Hier habt ihr nochmal einige Beispiele wie man die Codes kombinieren kann. Experimentiert einfach etwas rum, um selbst zu sehen, wie was aussieht.

https://s20.directupload.net/images/210726/agbcqzr3.png


Beispiel 1
Auch Symbole könnt ihr einfärben und auf Eldarya verwenden.

[color=DeepSkyBlue]♥[/color]


Ergebnis =

https://s20.directupload.net/images/210726/bfu2rzkf.png


Beispiel 2
Innerhalb eines Spoilerkasten kann der Text in einem gelben Kasten dargestellt werden.

[spoiler]Text außerhalb vom Kasten.[quote]Text innerhalb des Kasten.[/quote][/spoiler]


Ergebnis =

Spoiler (Klicken um anzuzeigen)



https://s20.directupload.net/images/210726/bfu2rzkf.png


Beispiel 3
Die Codes ['big] und ['small] können beliebig oft verwendet werden. Je mehr verwendet werden, desto kleiner oder größer wird der Text.

[big][big][big][big][big]Sehr großer Text.[/big][/big][/big][/big][/big]


Ergebnis =

Sehr großer Text.


[small][small][small]Sehr kleiner Text.[/small][/small][/small]


Ergebnis=

Sehr kleiner Text.

https://s20.directupload.net/images/210726/bfu2rzkf.png


Beispiel 4

So erstellt man einen verschachtelten Spoiler innerhalb eines Quote Feldes.

[quote][spoiler=1. Spoiler][spoiler=1. verschachtelter Spoiler]Text[/spoiler]
[spoiler=2. verschachtelter Spoiler]Text[/spoiler][/spoiler][/quote]


Ergebnis =

1. Spoiler


https://i.ibb.co/4ZY3Xqg/Astra4.png

Offline

Geschlossene Diskussion

Seiten : 1