[pokemon][/pokemon]
Dies ist ein Quellcode. In der Welt der Foren tauchen sie überall auf und helfen dabei die Topics und Posts der Mitglieder zu verschönern. Um einen Quellcode zu verstehen muss man nur eines wissen: Ein solcher Code besteht immer aus einer Klammer, der den Befehl startet und einer Klammer, die den Befehl beendet. Jetzt fragst du dich sicher woran du erkennst wann ein Befehl anfängt oder aufhört, oder? Schau dir die Klammern oben noch einmal genauer an. Die linke Klammer unterscheidet sich von der Rechten in einem kleinen Punkt. Der Schrägstrich. Ist ein Schrägstrich in der Klammer bedeutet das, dass der Befehl dort beendet wird. Findet ihr keinen, so ist das der Start eines Befehls. Merkt euch das gut um heil durch die Welt der Foren zu kommen! Neben dem Editor-Modus, welcher häufig von Neulingen in der Community verwendet wird, bietet der Quellcode-Modus beim Schreiben von Texten eine umfangreiche Anzeige aller Befehle, die man in einem Post verwenden kann. Um diese Funktion gut bedienen zu können braucht man keine besondere Qualifikation oder Programmierwissen. Jeder von euch kann den Quellcodemodus bedienen, wenn er zwei einfache Punkte befolgt. Ordnung und Minimalismus führen zum Ziel. Doch zunächst müsst ihr eine Kleinigkeit verinnerlichen:
Ordnung
Ein Text sollte stets geordnet sein. Das gilt natürlich auch für die Quellcodes. Achtet stets darauf, dass ihr eure Quellcodes ordnet. Die einfachste Methode ist folgende: Benutzt ihr mehrere Quellcodes, z.B. für fette Texte: bla, und wollt diesen noch einfärben: bla müsst ihr genau 2 verschiedene Befehle, also insgesamt 4 Blöcke setzen. 2 zum Öffnen und 2 zum Schließen. Jetzt solltet ihr die Klammern nicht kreuz und quer setzen, sondern mit Überlegung. Hier ein Vergleich:
[color=#990000][b]bla[/b][/color]...........[b][color=#990000]bla[/color][/b][color=#990000][/color]
Links seht ihr, dass die Quellcodes geordnet sind. Das heißt, dass [b] auf beiden Seiten des Wortes am dichtesten dran sind; danach kommt [color]. Hier wurde sich also von innen nach außen vorgearbeitet. Im Gegensatz dazu sieht das rechte Beispiel sehr ungeordnet aus, weil hier nicht auf die Reihenfolge geachtet wurde. Falls man einen Fehler sucht erschwert so etwas enorm die Übersichtlichkeit. Diese Technik klappt natürlich nicht nur bei einzelnen Wörtern, sondern auch bei ganzen Sätzen:
Quellcodes sind toll [i]Quellcodes sind [b]toll[/i][/b]
Auch hier seht ihr, wie die Quellcodes geordnet wurden. Bei dem Wörtchen toll wurde die oben genannte Technik angewendet. Hinzu kommt hier noch der Quellcode [i], welcher den Kompletten Satz umschließt und alles, was dazwischen steht, kursiv darstellt. Auch hier könnte man auf einem Blick sofort Fehler erkennen, die sich heimlich eingeschlichen haben und vielleicht euren Text durcheinander bringen.
Es ist also wichtig Ordnung zu halten, damit man schnell Fehler beheben oder Formatierungen ändern kann.
Minimalismus
Minimalismus bedeutet so viel wie "benutzt so wenig Codes wie möglich". Das hilft euch die oben angesprochene Ordnung zu halten und gewährleistet natürlich auch, dass der Text gut lesbar bleibt. Besonders bei längeren Texten ist das sehr praktisch. Wenn mehrere Wörter hintereinander gleich formatiert werden sollen, dann muss z.B. nicht jedes einzelne Wort mit Codes ausgestattet werden. Es reicht, wenn ihr eine Klammer um alle Wörter herum setzt. Als Beispiel wollen wir diesen Satz betrachten:
Manche Texte sind bunt und fett zugleich
Nun gibt es zwei Möglichkeiten diese Formatierung umzusetzen:
Möglichkeit 1: [b][color=#990000]bunt und fett[/color][/b]
Möglichkeit 2: [b][color=#990000]bunt[/color][/b] [b][color=#990000]und[/color][/b] [b][color=#990000]fett[/color][/b]
Im oberen Beispiel wurde alles so minimalistisch umgesetzt, wie möglich. Im unteren hingegen seht ihr viel mehr Codes, da hier alle Wörter einzeln formatiert wurden.
Mit etwas Minimalismus kann man also die Befehle um einiges abkürzen.
Wenn ihr diese beide Punkte vereint ist es also ein leichtes einen Text mit übersichtlichen Codes zu erstellen.Wenn ihr die Codes benutzen wollt, dann müsst ihr diese natürlich nicht alle eigenständig eintippen. Beim Erstellen/Bearbeiten eines Beitrags seht ihr oben in der Leiste viele Buttons, die euch die Arbeit abnehmen und durch einen Klick den Quellcode sofort in euren Post einfügen. Hier findet ihr eine schnelle Übersicht über alle Quellcodes und eine kurze Erklärung zu deren Handhabung.
Noch ein paar kleine Tipps: Markiert ihr mit der Maus den Text, den ihr zwischen den Quellcodeklammern haben wollt und klickt dann auf den richtigen Button, wird der Text automatisch eingeklammert. Formatierungen wie Schriftart und -farbe sollten immer innerhalb von Listenelemtenten, Zitaten, ausgerichteten ([align]) Absätzen o.A. liegen, da es sonst zu Darstellungsfehlern kommen kann. Außerdem solltet ihr Befehle, die nach einem = folgen möglichst mit ' einklammern um Fehler zu vermeiden. Beispiel: [spoiler='Name'][/spoiler]
[align=left]Text[/align]ODER[align=center]Text[/align]ODER[align=right]Text[/align]ODER[align=justify]Text[/align]
Wie es dann aussieht:
Text
ODER
Text
ODER
Text
ODER
Text
Anmerkung:
left = Text immer Linksbündig
center = Text immer mittig
right = Text immer rechtsbündig
justify = Text immer links und rechtsbündig
Wie es dann aussieht:
- Punkt 1
- Punkt 2
- Punkt 3
ODER
- Punkt 1
- Punkt 2
- Punkt 3
Statt '=1' sind auch folgende Befehle möglich: a, none, circle, square, disc, decimal, lower-roman, upper-roman, decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian und georgian
Wie es dann aussieht: Text
Anmerkung: Die sechstellige Zahl gibt die Farbe an. Eine Liste aller Farbcodes kann hier gefunden werden: Link
[img]Bildlink[/img][img]http://media.bisaboard.de/pokemon/image-normal/001.png[/img]
ODER
[img='http://media.bisaboard.de/pokemon/image-normal/001.png',right][/img] <-- Bild steht rechts neben dem Text
ODER
[img='http://media.bisaboard.de/pokemon/image-normal/001.png',left][/img] <- Bild steht links neben dem Text
Wie es dann aussieht:
Nur Bilder von Bisafans.de können hiermit eingebunden werden. Wenn andere Bilder angebunden werden sollen könnt ihr die Dateianhangs-Funktion im Forum nutzen.
Wie es dann aussieht:
Anmerkung: Ergänzendes Thema: Syntax-Highlighting
Wie es dann aussieht:
[pokemon]Pokemonname[/pokemon]
[pokemon=big]Pokemonname[/pokemon] großer Sprite
[pokemon=big,shiny]Pokemonname[/pokemon] großer Shinysprite
[pokemon=icon]Pokemonname[/pokemon] Iconsprite
[pokemon=icon,shiny]Pokemonname[/pokemon] Shiny Iconsprite
[pokemon=big,normal,1]Pokemonname[/pokemon] großer Sprite aus der ersten Generation
[pokemon=icon,normal,5]Pokemonname[/pokemon] Iconsprite aus der fünften Generation
[pokemon=big,shiny,2]Pokemonname[/pokemon] großer Shinysprite aus der zweiten Generation
[pokemon=icon,shiny,5]Pokemonname[/pokemon] Shiny Iconsprite aus der fünften Generation
[pokemon='home','100']Bisasam[/pokemon] Pokémon HOME-Artwork
[pokemon='home','shiny','100']Bisasam[/pokemon] Schillerndes Pokémon HOME-Artwork
[pokemon='Artwork','100']Bisasam[/pokemon] Pokémon-Artwork
Alles anzeigen
Wie es dann aussieht:
großer Sprite
großer Schillernder Sprite
Iconsprite
Schillernder Iconsprite
großer Sprite aus der ersten Generation
Iconsprite aus der fünften Generation
großer Schillernder Sprite aus der zweiten Generation
Schillernder Iconsprite aus der fünften Generation
Pokémon HOME-Artwork
Schillerndes Pokémon HOME-Artwork
Pokémon-Artwork
Hinweis zur Größe
Die Größe der Artworks und HOME-Artworks kann angepasst werden, sofern im Quellcode-Befehl noch ein zusätzlicher Befehl steht.
[pokemon='home','w128']Bisasam[/pokemon] Pokémon HOME-Artwork [pokemon='home','w200']Bisasam[/pokemon] Pokémon HOME-Artwork
[pokemon='home','h128']Bisasam[/pokemon] Pokémon HOME-Artwork [pokemon='home','h200']Bisasam[/pokemon] Pokémon HOME-Artwork
Pokémon HOME-Artwork Pokémon HOME-Artwork
Pokémon HOME-Artwork Pokémon HOME-Artwork
Nutzung von Icons aus verschiedenen Generationen
Wenn in einem [pokemon]...[/pokemon]-BBCode keine explizite Generation angegeben wurde, werden unsere Pixelarts eingebunden.
Ist eine explizite Generation angegeben, werden die Icons genutzt, die bisher eingebunden worden sind (pokemon/genX/).
: [pokemon]877[/pokemon]
: [pokemon='9']877[/pokemon]
: [pokemon='9']54[/pokemon]
: [pokemon='big']877[/pokemon]
Weiterhin wird für [pokemon=big]...[/pokemon] nun eine Standardgröße von (bis zu) 120x120 eingebunden.
Für einige Pokémon waren die vorhandenen Bilder DEUTLICH größer.
: [pokemon='big']Felino-Paldea[/pokemon]
Hinweis zu Generationen
Bei den großen normalen Sprites sind - sofern es das gewählte Pokémon in der gewünschten Generation bereits gab - die Sprites aller Generationen verfügbar, shiny Sprites sind ab der zweiten Generation verfügbar.
Icons sind erst ab der fünften Generation verfügbar.
Anmerkung:
Es kann auch die Zahl des Pokémon eingefügt werden.
Wie es dann aussieht:
kontakt@bisafans.de
[table] [tr] [td][b]#1[/b][/td] [td][b]#2[/b][/td] [td][b]#3[/b][/td] [td][b]#4[/b][/td] [/tr] [tr] [td]Test #1[/td] [td]Test #2[/td] [td]Test #3[/td] [td]Test #4[/td] [/tr] [tr] [td]Test #5[/td] [td]Test #6[/td] [td]Test #7[/td] [td]Test #8[/td] [/tr][/table]
Wie es dann aussieht:
#1 | #2 | #3 | #4 |
Test #1 | Test #2 | Test #3 | Test #4 |
Test #5 | Test #6 | Test #7 | Test #8 |
Solltet ihr Probleme mit Quellcodes oder allgemeine Fragen haben, so könnt ihr euch natürlich stets an das Moderationsteam wenden.