Print Page - BB-Code

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-Codes

BB-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]

Danach folgt der gewünschte Text.

Code

[u]So einfach gehts!

Und nun schließen wir den BB-Code mit folgendem "End-Tag":

Code

[u]So einfach gehts![/u]

Ergebnis:

So einfach gehts!

[close]

Grundlagen

Schriftstil

Fett

Code: normaler BB-Code

[b]Fett[/b]

Code: HTML-Code

<b>Fett</b>

`Tastenkürzel`		`Symbol`
(Strg+b)		(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/bold.gif)

Schräg

Code: normaler BB-Code

[i]Schräg[/i]

Code: HTML-Code

<i>Schräg</i>

`Tastenkürzel`		`Symbol`
(Strg+I)		(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/italicize.gif)

Unterstrichen

Code: normaler BB-Code

[u]Unterstrichen[/u]

Code: HTML-Code

<u>Unterstrichen</u>

`Tastenkürzel`		`Symbol`
(Strg+u)		(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/underline.gif)

~~Durchgestrichen~~

Code: normaler BB-Code

[s]Durchgestrichen[/s]

Code: HTML-Code

<s>Durchgestrichen</s>

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/strike.gif)

Glühen

Code: normaler BB-Code

[glow=red,2,300]Glühen[/glow]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/glow.gif)

Anmerkung

Element	Mögliche Werte	Was wird verändert?

glow=red,2,300	black 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 Farbe
glow=red,2,300	Von 0 bis 299	Funktion unbekannt
glow=red,2,300	---	Funktion unbekannt

[close]

Schatten

Code: normaler BB-Code

[shadow=red,left]Schatten[/shadow]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/shadow.gif)

Anmerkung

Element	Mögliche Werte	Was wird verändert?

shadow=red,right	right left	Ausrichtung des Schattens (Links/Rechts)
shadow=red,left	black 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]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/sup.gif)

_Tiefgestellt(Normaler Text)

Code: normaler BB-Code

[sub]Tiefgestellt[/sub]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/sub.gif)

Schreibmaschine

Code: normaler BB-Code

[tt]Durchgestrichen[/tt]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/tele.gif)

[close]

Ausrichtung

Vorformatierter Text

Code: normaler BB-Code

[pre]Vorformatierter Text[/pre]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/pre.gif)

Linksbündig

Code: normaler
BB-Code

[left]Linksbündig[/left]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/left.gif)

Zentriert

Code: normaler BB-Code

[center]Zentriert[/center]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/center.gif)

Rechtsbündig

Code: normaler BB-Code

[right]Rechtsbündig[/right]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/right.gif)

[close]

Links

Normaler Querverweis

https://www.fsegames.eu/forum/index.php?topic=24967.0 (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]

Code: ohne BB-Code

https://www.fsegames.eu/forum/index.php?topic=24967.0

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/url.gif)

Querverweis mit Linktext

Deutsches Bannerpack (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]Deutsches Bannerpack[/url]

Code: HTML-Code

<a href="https://www.fsegames.eu/forum/index.php?topic=24967.0">Deutsches Bannerpack</a>

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/url.gif)

[close]

Bilder

(https://www.fsegames.eu/images/media/fse.png)

Code: normaler BB-Code

[img]https://www.fsegames.eu/images/media/fse.png[/img]

Code: HTML-Code

<img src="https://www.fsegames.eu/images/media/fse.png">

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/img.gif)

Bild mit angepasster Bildbreite

(https://www.fsegames.eu/images/media/fse.png)

Code

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

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

(https://www.fsegames.eu/images/media/fse.png)

Code

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

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

(https://www.fsegames.eu/images/media/fse.png)

Code

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

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)

(http://www.Bildnichtmehrvorhanden.oderdefekt.png)

Code: HTML-Code

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

[close]

Schriftart, Schriftgröße, Schriftfarbe

Schriftart

Code: normaler BB-Code

[font=courier]Schriftart[/font]

Symbol

(https://www.fsegames.eu/forum/proxy.php?request=http%3A%2F%2Ffs5.directupload.net%2Fimages%2F160930%2F7q5m6dbv.png&hash=7c6ad734c3ef9b97846fea02863982b8f2efd3a3)

Anmerkung

Element	Mögliche Werte	Was wird verändert?

font=courier	courier 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]

Symbol

(https://www.fsegames.eu/forum/proxy.php?request=http%3A%2F%2Ffs5.directupload.net%2Fimages%2F160930%2Fo9yszg2o.png&hash=12aae5957becf4111a5bb1d0201463f32319d953)

Anmerkung

Element	Mögliche Werte	Was wird verändert?

size=18pt	Von 1pt bis 99pt	Die Schriftgröße

[close]

Schriftfarbe

Code: normaler BB-Code

[color=red]Schriftfarbe[/color]

Symbol

(https://www.fsegames.eu/forum/proxy.php?request=http%3A%2F%2Ffs5.directupload.net%2Fimages%2F160930%2Fo9j8cb78.png&hash=10e14fb9cc13717bc285f8fdae55b77b8dbd84e6)

Anmerkung

Element	Mögliche Werte	Was wird verändert?

color=red	black 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]

Tabellen

Tabellen (Anleitung)

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

Code

[table]
[/table]

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]

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]

Ergebnis:

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

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/table.gif)

Tabellen (weitere Beispiele)

Zeile 1; Spalte 1	Zeile 1; Spalte 2	Zeile 1; Spalte 3
Zeile 2; Spalte 1	Zeile 2; Spalte 2	Zeile 2; Spalte 3
Zeile 3; Spalte 1	Zeile 3; Spalte 2	Zeile 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]

[close]

Listen

Unsortierte Liste (Kreis)

Oben
Mitte
Unten

Code: Normaler BB-Code

[list]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]

Code: Normaler BB-Code

[list type=disc]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]

Code: Ohne schließendem-Tag

[*]Oben
[*]Mitte
[*]Unten

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/list.gif)

Unsortierte Liste (Ring)

Oben
Mitte
Unten

Code: Normaler BB-Code

[list type=circle]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]

Unsortierte Liste (Quadrat)

Oben
Mitte
Unten

Code: Normaler BB-Code

[list type=square]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]

Sortierte Liste (Aufzählung)

Oben
Mitte
Unten

Code: Normaler BB-Code

[list type=decimal]
[li]Oben[/li]
[li]Mitte[/li]
[li]Unten[/li]
[/list]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/orderlist.gif)

[close]

Horizontale Linie

Code: normaler BB-Code

[hr]

Code: html-Code

<hr />

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/hr.gif)

[close]

Spoiler

Normaler Spoiler

Spoiler

[close]

Code

[spoiler][/spoiler]

Symbol

(https://www.fsegames.eu/forum/Themes/default/images/bbc/spoiler.gif)

Spoiler mit Beschreibung

Beschreibung

[close]

Code

[spoiler=Beschreibung][/spoiler]

[close]

code

Code

[code][ /code]

*Bitte das Leerzeichen vor den Zeichen "/code]" entfernen

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/code.gif)

[close]

Zitate

Zitat

Quote

Hier steht ein Zitat.

Code

[quote]Hier steht ein Zitat.[/quote]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/quote.gif)

Zitat (Name)

Quote from: NAME

Hier steht ein Zitat.

Code

[quote author=NAME]Hier steht ein Zitat.[/quote]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/quote.gif)

Anmerkung

Element		Was wird verändert?

quote author=NAME		Name des Erstellers

[close]

Zitat (mit Name, Link, Datum)

Quote from: NAME on November 11, 1999, 11:11:11 am

Hier steht ein Zitat.

Code: normaler BB-Code

[quote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071]Hier steht ein Zitat.[/quote]

Symbol

(https://www.fsegames.eu/forum/proxy.php?request=http%3A%2F%2Ffs5.directupload.net%2Fimages%2F160930%2Fakw7cxbj.png&hash=381ae7b53193ac3f047cd24b2bf9aed7dc733935)

Anmerkung

Element		Was wird verändert?

quote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071		Name des Erstellers
quote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071		Forumverweis des Beitrags
quote author=NAME link=topic=33506.msg1444453#msg1444453 date=942315071		Datum im Unix-Timestamp format Unix Timestamp Rechner (http://www.pagerenk.de/mehr-informationen/tools/timestampconverter.htm) [www.pagerenk.de]

[close]

E-Mail-Adresse

E-Mail-Adresse

Beispiel@email.de

Code

[email]Beispiel@email.de[/email]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/email.gif)

[close]

FTP-Link

FTP-Link

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

Code

[ftp=ftp://Hier FTP-Link einfügen]Hier FTP-Link einfügen[/ftp]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/ftp.gif)

[close]

Soundcloud

Soundcloud (Einzelstück)

Code

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

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/soundcloud.gif)

Soundcloud (Playlist)

Code

[cloudset]https://soundcloud.com/jonas-auerswald/sets/preussische-und-sterreichische[/cloudset]

Symbol

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/cloudset.gif)

[close]

Emoticons

Emoticons

:)

Code

:)

;)

Code

;)

Code

:D

Code

;D

>:(

Code

>:(

Code

:(

Code

:o

Code

8)

???

Code

???

::)

Code

::)

Code

:P

:-[

Code

:-[

:-X

Code

:-X

:-\

Code

:-\

:-*

Code

:-*

:'(

Code

:'(

[close]

Tipps

YouTube-Videos einfügen

YouTube

https://www.youtube.com/watch?v=nX4N_G9dwuo

Code: Normaler BB-Code

https://www.youtube.com/watch?v=nX4N_G9dwuo

[close]

Bilder verlinken

(https://www.fsegames.eu/images/media/fse.png) (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][img]https://www.fsegames.eu/images/media/fse.png[/img][/url]

Symbole

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/url.gif) (https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/img.gif)

[close]

Listen mittig anordnen

Listen 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]

[close]

Absätze einfügen

Absätze einfügen

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

Code: html-Code

<br />

*Natürlich lässt sich ein Absatz auch mit der Enter-Taste ohne diesen Code einfügen.

[close]

Text einrücken

Normaler Text

Code

normaler text
[list]
Text einrücken 
[list]
Text einrücken
[list]
usw...
[/list][/list][/list]

[close]

Vertikale Linie (einfach)

Normale Zeilenhöhe

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/divider.gif)

Code

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

Angepasste Höhe

(https://www.fsegames.eu/forum/Themes/Battle%20Cry%20of%20Freedom/images/bbc/divider.gif)

Code

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

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]

[close]

Flying Squirrel Entertainment

Language boards => Deutsches Forum => Topic started by: Warband4Ever on September 24, 2016, 01:51:49 pm