BB-Code

Language boards > Deutsches Forum

BB-Code

(1/1)

Warband4Ever:
BB-Code
Das Flying Squirrel Entertainment-Forum ermöglicht uns sogenannte BB-Codes beim Bearbeiten unserer Beiträge anzuwenden. Diese BB-Codes sind eine Vereinfachung von html und werden auch in html-Codes umgewandelt. Welche Formatierungsmöglichkeiten es gibt erfahren sie hier.

Struktur von BB-CodesBB-Codes starten immer mit einem "Anfangs-Tag" und enden mit einem "End-Tag".
Möchten wir beispielsweise ein Wort unterstreichen benötigt man folgenden "Anfangs-Tag":

--- Code ---
[u]
--- End code ---
Danach folgt der gewünschte Text.

--- Code ---
[u]So einfach gehts!
--- End code ---
Und nun schließen wir den BB-Code mit folgendem "End-Tag":

--- Code ---
[u]So einfach gehts![/u]
--- End code ---

Ergebnis:

So einfach gehts!

[close]

Grundlagen
SchriftstilFett

--- Code: normaler BB-Code ---[b]Fett[/b]
--- End code ---

--- Code: HTML-Code ---Fett
--- End code ---
Tastenkürzel Symbol(Strg+b)

Schräg

--- Code: normaler BB-Code ---[i]Schräg[/i]
--- End code ---

--- Code: HTML-Code ---Schräg
--- End code ---
Tastenkürzel Symbol(Strg+I)

Unterstrichen

--- Code: normaler BB-Code ---[u]Unterstrichen[/u]
--- End code ---

--- Code: HTML-Code ---Unterstrichen
--- End code ---
Tastenkürzel Symbol(Strg+u)

Durchgestrichen

--- Code: normaler BB-Code ---[s]Durchgestrichen[/s]
--- End code ---

--- Code: HTML-Code ---<s>Durchgestrichen</s>
--- End code ---
Symbol

Glühen

--- Code: normaler BB-Code ---[glow=red,2,300]Glühen[/glow]
--- End code ---
Symbol
AnmerkungElementMögliche WerteWas wird verändert?glow=red,2,300black
red
yellow
pink
green
orange
purple
blue
beige
brown
teal
navy
maroon
limegreen
white
darkred
Sienna
DarkOliveGreen
DarkGreen
DarkSlateBlue
DarkSlateGray
DarkOrange
Olive
SlateGray
DimGray
SandyBrown
YellowGreen
MediumTurquoise
Magenta
Lime
Cyan
DeepSkyBlue
DarkOrchid
Silver
Wheat
LemonChiffon
PaleGreen
PaleTurquoise
LightBlue
Plum

RGB-Farben
(Wird noch bearbeitet)Die Farbeglow=red,2,300Von 0 bis 299Funktion unbekanntglow=red,2,300---Funktion unbekannt[close]

Schatten

--- Code: normaler BB-Code ---[shadow=red,left]Schatten[/shadow]
--- End code ---
Symbol
AnmerkungElementMögliche WerteWas wird verändert?shadow=red,rightright
leftAusrichtung des Schattens
(Links/Rechts)shadow=red,leftblack
red
yellow
pink
green
orange
purple
blue
beige
brown
teal
navy
maroon
limegreen
white
darkred
Sienna
DarkOliveGreen
DarkGreen
DarkSlateBlue
DarkSlateGray
DarkOrange
Olive
SlateGray
DimGray
SandyBrown
YellowGreen
MediumTurquoise
Magenta
Lime
Cyan
DeepSkyBlue
DarkOrchid
Silver
Wheat
LemonChiffon
PaleGreen
PaleTurquoise
LightBlue
Plum

RGB-Farben
(Wird noch bearbeitet)
Farbe des Schattens[close]

Hochgestellt(Normaler Text)

--- Code: normaler BB-Code ---[sup]Hochgestellt[/sup]
--- End code ---
Symbol
Tiefgestellt(Normaler Text)

--- Code: normaler BB-Code ---[sub]Tiefgestellt[/sub]
--- End code ---
Symbol

Schreibmaschine

--- Code: normaler BB-Code ---[tt]Durchgestrichen[/tt]
--- End code ---
Symbol[close]Ausrichtung
Vorformatierter Text

--- Code: normaler BB-Code ---[pre]Vorformatierter Text[/pre]
--- End code ---
Symbol
Linksbündig
--- Code: normaler
BB-Code ---[left]Linksbündig[/left]
--- End code ---
Symbol
Zentriert
--- Code: normaler BB-Code ---[center]Zentriert[/center]
--- End code ---
Symbol
Rechtsbündig
--- Code: normaler BB-Code ---[right]Rechtsbündig[/right]
--- End code ---
Symbol[close]LinksNormaler Querverweis
https://www.fsegames.eu/forum/index.php?topic=24967.0

--- Code: normaler BB-Code ---[url]https://www.fsegames.eu/forum/index.php?topic=24967.0[/url]
--- End code ---

--- Code: ohne BB-Code ---https://www.fsegames.eu/forum/index.php?topic=24967.0
--- End code ---
Symbol

Querverweis mit Linktext
Deutsches Bannerpack

--- Code: normaler BB-Code ---[url=https://www.fsegames.eu/forum/index.php?topic=24967.0]Deutsches Bannerpack[/url]
--- End code ---

--- Code: HTML-Code ---<a href="https://www.fsegames.eu/forum/index.php?topic=24967.0">Deutsches Bannerpack</a>
--- End code ---
Symbol[close]Bilder

--- Code: normaler BB-Code ---[img]https://www.fsegames.eu/images/media/fse.png[/img]
--- End code ---

--- Code: HTML-Code ---<img src="https://www.fsegames.eu/images/media/fse.png">
--- End code ---
Symbol

Bild mit angepasster Bildbreite

--- Code ---
[img width=200]https://www.fsegames.eu/images/media/fse.png[/img]
--- End code ---

Zur Anpassung der Breite muss diese Zahl verändert werden: width=200
Die Bildhöhe verhält sich direkt proportional zur Bildbreite.

Bild mit angepasster Bildhöhe

--- Code ---
[img height=50]https://www.fsegames.eu/images/media/fse.png[/img]
--- End code ---

Zur Anpassung der Höhe muss diese Zahl verändert werden: height=50
Die Bildbreite verhält sich direkt proportional zur Bildhöhe.

Bild mit angepasster Bildbreite und Bildhöhe

--- Code ---
[img width=300 height=50]https://www.fsegames.eu/images/media/fse.png[/img]
--- End code ---

Zur Anpassung der Breite muss diese Zahl verändert werden: width=300
Zur Anpassung der Höhe muss diese Zahl verändert werden: height=50

Bilder mit alternativem Text (Falls das Bild gelöscht wurde)

--- Code: HTML-Code ---<img src="http://www.Bildnichtmehrvorhanden.oderdefekt.png" alt="Hier sollte eigentlich ein Bild sein.">
--- End code ---

[close]Schriftart, Schriftgröße, Schriftfarbe
Schriftart

--- Code: normaler BB-Code ---[font=courier]Schriftart[/font]
--- End code ---
Symbol
AnmerkungElementMögliche WerteWas wird verändert?font=couriercourier
arial
arial black
impact
verdana
times new roman
georgia
andale mono
trebuchet ms
comic sans ms
Die Schriftart[close]

Schriftgröße(18pt) Schriftgröße(14pt)

--- Code: normaler BB-Code ---[size=18pt]Schriftgröße[/size]
--- End code ---
Symbol
AnmerkungElementMögliche WerteWas wird verändert?size=18ptVon 1pt bis 99pt
Die Schriftgröße[close]

Schriftfarbe

--- Code: normaler BB-Code ---[color=red]Schriftfarbe[/color]
--- End code ---
Symbol
AnmerkungElementMögliche WerteWas wird verändert?color=redblack
red
yellow
pink
green
orange
purple
blue
beige
brown
teal
navy
maroon
limegreen
white
darkred
Sienna
DarkOliveGreen
DarkGreen
DarkSlateBlue
DarkSlateGray
DarkOrange
Olive
SlateGray
DimGray
SandyBrown
YellowGreen
MediumTurquoise
Magenta
Lime
Cyan
DeepSkyBlue
DarkOrchid
Silver
Wheat
LemonChiffon
PaleGreen
PaleTurquoise
LightBlue
Plum

RGB-Farben
(Wird noch bearbeitet)
Die Schriftfarbe[close]
[close]TabellenTabellen (Anleitung)

Schritt1
Mit dem Grundelement table wird eine neue Tabelle definiert. (table= Tabelle)

--- Code ---
[table]
[/table]
--- End code ---

Schritt2
Jede Tabelle wird nun in einzelne Zeilen unterteilt. Diese Unterteilung wird mit dem tr-Tag realisiert. (tr= table row; Tabellenzeile)

--- Code ---
[table]
[tr] [/tr]
[tr] [/tr]
[/table]
--- End code ---

Schritt3
Nun kann jede Zeile mit einzelnen Zellen gefüllt werden, welches mittels dem td-Tag realisiert wird. Die einzelnen Zellen nebeneinander in einer Zeile bilden die Spalten der Tabelle. (td= table data; Daten/Inhalt der Tabelle)

--- Code ---
[table]
[tr][td]Zeile 1; Spalte 1[/td][td]Zeile 1; Spalte 2[/td][/tr]
[tr][td]Zeile 2; Spalte 1[/td][td]Zeile 2; Spalte 2[/td][/tr]
[/table]
--- End code ---

Ergebnis:
Zeile 1; Spalte 1 Zeile 1; Spalte 2Zeile 2; Spalte 1 Zeile 2; Spalte 2Symbol

Tabellen (weitere Beispiele)

Zeile 1; Spalte 1 Zeile 1; Spalte 2 Zeile 1; Spalte 3 Zeile 2; Spalte 1Zeile 2; Spalte 2Zeile 2; Spalte 3Zeile 3; Spalte 1Zeile 3; Spalte 2Zeile 3; Spalte 3

--- Code: Normaler BB-Code ---[table]
[tr][td]Zeile 1; Spalte 1[/td][td]Zeile 1; Spalte 2[/td][td]Zeile 1; Spalte 3[/td][/tr]
[tr][td]Zeile 2; Spalte 1[/td][td]Zeile 2; Spalte 2[/td][td]Zeile 2; Spalte 3[/td][/tr]
[tr][td]Zeile 3; Spalte 1[/td][td]Zeile 3; Spalte 2[/td][td]Zeile 3; Spalte 3[/td][/tr]
[/table]
--- End code ---
[close]ListenUnsortierte Liste (Kreis)

* Oben
* Mitte
* Unten

--- Code: Normaler BB-Code ---[list]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]
--- End code ---

--- Code: Normaler BB-Code ---[list type=disc]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]
--- End code ---

--- Code: Ohne schließendem-Tag ---[*]Oben
[*]Mitte
[*]Unten

--- End code ---

Symbol

Unsortierte Liste (Ring)

* Oben
* Mitte
* Unten

--- Code: Normaler BB-Code ---[list type=circle]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]
--- End code ---

Unsortierte Liste (Quadrat)

* Oben
* Mitte
* Unten

--- Code: Normaler BB-Code ---[list type=square]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]
--- End code ---

Sortierte Liste (Aufzählung)

* Oben
* Mitte
* Unten

--- Code: Normaler BB-Code ---[list type=decimal]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]
--- End code ---

Symbol[close]Horizontale Linie
Horizontale Linie

--- Code: normaler BB-Code ---[hr]
--- End code ---

--- Code: html-Code ---<hr />
--- End code ---
Symbol[close]SpoilerNormaler Spoiler

Spoiler[close]
--- Code ---
[spoiler][/spoiler]
--- End code ---
Symbol

Spoiler mit Beschreibung

Beschreibung[close]
--- Code ---
[spoiler=Beschreibung][/spoiler]
--- End code ---
[close]codeCode

--- Code ---

--- End code ---

--- Code ---
[code][ /code]
--- End code ---
*Bitte das Leerzeichen vor den Zeichen "/code]" entfernen
Symbol[close]ZitateZitat

--- Quote ---Hier steht ein Zitat.
--- End quote ---

--- Code ---
[quote]Hier steht ein Zitat.[/quote]
--- End code ---
Symbol

Zitat (Name)

--- Quote from: NAME ---Hier steht ein Zitat.
--- End quote ---

--- Code ---
[quote author=NAME]Hier steht ein Zitat.[/quote]
--- End code ---
SymbolAnmerkungElementWas wird verändert?quote author=NAMEName des Erstellers[close]

Zitat (mit Name, Link, Datum)

--- Quote from: NAME on November 11, 1999, 11:11:11 am ---Hier steht ein Zitat.
--- End quote ---

--- Code: normaler BB-Code ---[quote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071]Hier steht ein Zitat.[/quote]
--- End code ---
Symbol
AnmerkungElementWas wird verändert?quote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071Name des Erstellersquote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071Forumverweis des Beitragsquote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071Datum im Unix-Timestamp format
Unix Timestamp Rechner [www.pagerenk.de][close][close]E-Mail-AdresseE-Mail-Adresse

Beispiel@email.de

--- Code ---
[email]Beispiel@email.de[/email]
--- End code ---
Symbol
[close]FTP-LinkFTP-Link

ftp://ftp.rz.uni-wuerzburg.de

--- Code ---
[ftp=ftp://Hier FTP-Link einfügen]Hier FTP-Link einfügen[/ftp]
--- End code ---
Symbol
[close]SoundcloudSoundcloud (Einzelstück)

--- Code ---
[soundcloud]https://soundcloud.com/jonas-auerswald/preusischer-und-osterreichischer-schlachtruf-5[/soundcloud]
--- End code ---
Symbol

Soundcloud (Playlist)

--- Code ---
[cloudset]https://soundcloud.com/jonas-auerswald/sets/preussische-und-sterreichische[/cloudset]
--- End code ---
Symbol[close]EmoticonsEmoticons

:)

--- Code ---
:)
--- End code ---

;)

--- Code ---
;)
--- End code ---

:D

--- Code ---
:D
--- End code ---

;D

--- Code ---
;D
--- End code ---

>:(

--- Code ---
>:(
--- End code ---

:(

--- Code ---
:(
--- End code ---

:o

--- Code ---
:o
--- End code ---

8)

--- Code ---
8)
--- End code ---

???

--- Code ---
???
--- End code ---

::)

--- Code ---
::)
--- End code ---

:P

--- Code ---
:P
--- End code ---

:-[

--- Code ---
:-[
--- End code ---

:-X

--- Code ---
:-X
--- End code ---

:-\

--- Code ---
:-\
--- End code ---

:-*

--- Code ---
:-*
--- End code ---

:'(

--- Code ---
:'(
--- End code ---
[close]

Tipps
YouTube-Videos einfügenYouTube

--- Code: Normaler BB-Code ---https://www.youtube.com/watch?v=nX4N_G9dwuo
--- End code ---
[close]Bilder verlinken

--- Code: normaler BB-Code ---[url=https://www.fsegames.eu/forum/index.php?topic=24967.0][img]https://www.fsegames.eu/images/media/fse.png[/img][/url]
--- End code ---
Symbole [close]Listen mittig anordnenListen werden immer links angeordnet und können nicht zentriert werden. Erstellt man eine Liste innerhalb einer Tabelle lässt sich die Tabelle und damit auch die Liste mittig anordnen.

* Oben
* Mitte
* Unten

--- Code ---
[center][table][tr]
[td][list]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list][/td]
[/tr][/table][/center]
--- End code ---
[close]Absätze einfügenAbsätze einfügen

Absätze lassen sich nur schwer visulisieren.
Hier also viel nichts:

--- Code: html-Code --- 
--- End code ---
*Natürlich lässt sich ein Absatz auch mit der Enter-Taste ohne diesen Code einfügen.
[close]Text einrückenText einrücken

Normaler TextText einrücken

Text einrücken

usw...

--- Code ---
normaler text
[list]
Text einrücken
[list]
Text einrücken
[list]
usw...
[/list][/list][/list]
--- End code ---
[close]Vertikale Linie (einfach)
Normale Zeilenhöhe

--- Code ---
[img]https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/divider.gif[/img]
--- End code ---

Angepasste Höhe

--- Code ---
[img width=2 height=50]https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/divider.gif[/img]
--- End code ---

Um die Höhe anzupassen muss man die rot markierte Zahl anpassen: height=50
[close]Vertikale und Horizontale Linien mit verschiedenen Farben. (In Bearbeitung)[close]php-Code anzeigen lassen$myvar = 'Hallo Welt!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}
#Kommentar

--- Code ---
[php]
$myvar = 'Hallo Welt!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}
#Kommentar
[/php]
--- End code ---
[close]

Warband4Ever:
Neuigkeiten

~Querverweis der Forenregeln aktualisiert~ [2019/11/03]
~Soundcloud hinzugefügt~ [2018/10/06]
~diverse Symbole hinzugefügt~ [2016/09/30]
~Zitate hinzugefügt~ [2016/09/30]
~Abspeichern von Beiträgen entfernt~ [2016/09/30]
~Emoticons hinzugefügt~ [2016/09/24]
~Anleitung für die Erstellung von Tabellen hinzugefügt~ [2016/09/24]

In Bearbeitung

*"Vertikale und Horizontale Linien mit verschiedenen Farben" hinzufügen
*RGB-Farben hinzufügen

Querverweise

Forenregeln [Deutsch]
Forum Rules [Englisch]
BB Code Help [Englisch]
Deutsche NW Regimenter Liste [Deutsch]
Unterstützende Regimentsarbeit [Deutsch]
M&B Serveranbieter [Englisch]

Animalorian:
Schöne Sache gut für jeden Forum Nutzer!
Hoffentlich führt das zu besser ausschauenden Threads.

Ngolo:
BBcode, pff, zu einfach, html css für Profis

Navigation

[0] Message Index

Go to full version