BB-Code |
BB-Code ist eine an HTML angelehnte Auszeichnungssprache. Mit ihm können Sie Nachrichten in ähnlicher Weise, wie es mit HTML auch möglich ist, formatieren. Durch den einfacheren Syntax ist es allerdings unmöglich, das Layout der Seite selbst zu zerstören. Ob Sie BB-Code verwenden dürfen, kann vom Administrator für jedes einzelne Forum eingeschränkt werden - überprüfen Sie deshalb die Foren-Regeln, bevor Sie einen neuen Beitrag verfassen.
Anbei finden Sie eine Liste von BB-Code Tags, welche Sie verwenden können, um Ihren Beitrag zu formatieren.
|
vB Code Liste |
[b], [i], [u] |
Fett / Kursiv / Unterstrichen |
[color] |
Farbe |
[size] |
Größe |
[font] |
Schriftart |
[highlight] |
Hervorheben |
[left], [right], [center] |
Linksbündig / Rechtsbündig / Zentriert |
[indent] |
Eingerückt |
[email] |
E-Mail-Links erstellen |
[url] |
Hyperlinks erstellen |
[thread] |
Verweis auf ein Thema |
[post] |
Verweis auf einen Beitrag |
[list] |
Ungeordnete Listen / Geordnete Listen |
[img] |
Grafiken |
[code] |
Code |
[php] |
PHP-Code |
[html] |
HTML-Code |
[quote] |
Zitat |
[noparse] |
BB-Code Umwandlung verhindern |
[attach] |
Anhang |
[AI] |
Amazon Bild |
[amazon] |
amazon |
[anzeige] |
Anzeigen |
[AT] |
Amazon Text |
[bbr] |
Beschriftung mit Zeilenumbruch vor Bild |
[break] |
Break |
[CONTEST] |
Contest-Aufgabenstellung |
[FIX] |
Kleinere Breite (1024) |
[galileo] |
galileo |
[h1] |
Überschrift 1 |
[h2] |
Überschrift 2 |
[img] |
Image umschreiben |
[IMGA] |
IMG für Abstimmung durch Kopie |
[IMGL] |
Bild links umfließen lassen |
[IMGR] |
Bild rechts umfließen lassen |
[JUMP] |
Sprungmarke |
[kb] |
Kleines Bild schon vorbereitet für Abstimmung |
[LR] |
Abstand |
[PREISE] |
Contest Preise |
[Q] |
Quellenangaben |
[QBA] |
quadratischer Bildausschnitt |
[REGELN] |
Contest-Regeln |
[s] |
Text durchstreichen |
[schutz] |
Schutz |
[table] |
Tabelle |
[td] |
Tabellenspalte |
[tr] |
Tabellenzeile |
[TUT] |
Tutorial Endergebnis |
[VB] |
vB-Code ausgeben, ohne ihn umzuwandeln |
[vbq] |
viele kleine Bildchen querformat |
[YT] |
You Tube Video einbinden |
Falsche Verwendung von BB-Code:
- [url] www.example.net [/url] - zwischen den Tags in Klammern und dem zu formatierenden Text darf kein Leerzeichen stehen.
- [email]myname@domain.com[email] - die schließenden Tags müssen einen Schrägstrich vor dem Tag-Namen haben ([/email])
|
Fett / Kursiv / Unterstrichen |
Mit den [b], [i] und [u] Tags kannst du Texte fett, kursiv und unterstrichen darstellen. |
Syntax |
[b]Text[/b]
[i]Text[/i]
[u]Text[/u]
|
Beispiel |
[b]dieser Text ist fett[/b]
[i]dieser Text ist kursiv[/i]
[u]dieser Text ist unterstrichen[/u]
|
Ausgabe |
dieser Text ist fett
dieser Text ist kursiv
dieser Text ist unterstrichen
|
Farbe |
Mit dem [color] Tag kann die Textfarbe geändert werden. |
Syntax |
[color=Parameter]Text[/color] |
Beispiel |
[color=blue]dieser Text ist blau[/color] |
Ausgabe |
dieser Text ist blau |
Größe |
Mit dem [size] Tag kann die Textgröße geändert werden. |
Syntax |
[size=Parameter]Text[/size] |
Beispiel |
[size=+2]dieser Text ist zwei Größen größer als normal[/size] |
Ausgabe |
dieser Text ist zwei Größen größer als normal |
Schriftart |
Mit dem [font] Tag kann die Schriftart deines Textes geändert werden. |
Syntax |
[font=Parameter]Text[/font] |
Beispiel |
[font=courier]dieser Text verwendet die Courier-Schriftart[/font] |
Ausgabe |
dieser Text verwendet die Courier-Schriftart |
Hervorheben |
Mit dem [highlight] Tag können Textstellen besonders hervorgehoben werden. |
Syntax |
[highlight]Text[/highlight] |
Beispiel |
[highlight]dieser text ist hervorgehoben[/highlight] |
Ausgabe |
dieser text ist hervorgehoben |
Linksbündig / Rechtsbündig / Zentriert |
Mit den [left], [right] und [center] Tags kannst du die Ausrichtung deines Textes festlegen. |
Syntax |
[left]Text[/left]
[center]Text[/center]
[right]Text[/right]
|
Beispiel |
[left]dieser Text ist linksbündig[/left]
[center]dieser Text ist zentriert[/center]
[right]dieser Text ist rechtsbündig[/right]
|
Ausgabe |
dieser Text ist linksbündig
dieser Text ist zentriert
dieser Text ist rechtsbündig
|
Eingerückt |
Mit dem [indent] Tag kannst du deinen Text einrücken. |
Syntax |
[indent]Text[/indent] |
Beispiel |
[indent]dieser Text ist eingerückt[/indent] |
Ausgabe |
dieser Text ist eingerückt
|
E-Mail-Links erstellen |
Das E-Mail-Tag ermöglicht das Verlinken von E-Mail-Adressen. Mit einem zusätzlichen Parameter kannst du außerdem einen Namen für den Link angeben. |
Syntax |
[email]Text[/email]
[email=Parameter]Text[/email]
|
Beispiel |
[email]j.doe@example.com[/email]
[email=j.doe@example.com]Schreib mir eine E-Mail[/email]
|
Ausgabe |
j.doe@example.com
Schreib mir eine E-Mail
|
Hyperlinks erstellen |
Das [url] Tag ermöglicht das Verlinken von anderen Websites und Dateien. Mit einem zusätzlichen Parameter kannst du außerdem einen Namen für den Link angeben. |
Syntax |
[url]Text[/url]
[url=Parameter]Text[/url]
|
Beispiel |
[url]https://www.photoshop-cafe.de/forum[/url]
[url=https://www.photoshop-cafe.de/forum]Photoshop-Cafe.de :: Dein Photoshop-Forum[/url]
|
Ausgabe |
https://www.photoshop-cafe.de/forum
Photoshop-Cafe.de :: Dein Photoshop-Forum
|
Verweis auf ein Thema |
Der [thread] Tag ermöglicht das Verlinken eines bestimmten Themas mit Hilfe der Thread-ID. Mit einem zusätzlichen Parameter kannst du außerdem einen Namen für den Link angeben. |
Syntax |
[thread]Thread-ID[/thread]
[thread=Thread-ID]Text[/thread]
|
Beispiel |
[thread]42918[/thread]
[thread=42918]Klick mich![/thread]
(Hinweis: Die Thread-ID/Post-ID ist nur ein Beispiel und führt wahrscheinlich nicht zu einem Thema oder Beitrag.)
|
Ausgabe |
https://www.photoshop-cafe.de/forum/showthread.php?t=42918
Klick mich!
|
Verweis auf einen Beitrag |
Mit dem [post] Tag kannst du auf bestimmte Beiträge verweisen, indem du einfach die Post-ID des Beitrags angibst. Wenn du die Post-ID als Parameter verwendest, kannst du dem Verweis auch eine Bezeichnung geben. |
Syntax |
[post]Post-ID[/post]
[post=Post-ID]Text[/post]
|
Beispiel |
[post]269302[/post]
[post=269302]Klick mich![/post]
(Hinweis: Die Thread-ID/Post-ID ist nur ein Beispiel und führt wahrscheinlich nicht zu einem Thema oder Beitrag.)
|
Ausgabe |
https://www.photoshop-cafe.de/forum/showthread.php?p=269302#post269302
Klick mich!
|
Ungeordnete Listen |
Mit dem einfachen [list] Tag kannst du ungeordnete Listen erstellen. Jeder Eintrag in dieser Liste beginnt mit dem [*] Tag. |
Syntax |
[list]Text[/list] |
Beispiel |
[list] [*]erster Eintrag [*]zweiter Eintrag [/list] |
Ausgabe |
- erster Eintrag
- zweiter Eintrag
|
Geordnete Listen |
Mit dem durch einen Parameter erweiterten [list] Tag kannst du geordnete Listen erstellen. Dieser Parameter kann eine 1 (nummerierte Liste), a oder A (alphabetische Liste mit Klein- oder Großbuchstaben) bzw. i oder I (Liste mit kleinen oder großen römischen Zahlen) sein. |
Syntax |
[list=Parameter]Text[/list] |
Beispiel |
[list=1] [*]erster Eintrag [*]zweiter Eintrag [/list]
[list=a] [*]erster Eintrag [*]zweiter Eintrag [/list] |
Ausgabe |
- erster Eintrag
- zweiter Eintrag
- erster Eintrag
- zweiter Eintrag
|
Grafiken |
Mit dem [img] Tag kannst du Grafiken in deinen Beiträgen einbinden. Du kannst diesen vB Code auch mit dem [url] Tag verbinden und somit eine Grafik als Link darstellen. |
Syntax |
[img]Text[/img] |
Beispiel |
[img]http://www.photoshop-cafe.de/forum/images/statusicon/forum_new.gif[/img] (Kein Link)
[url=http://www.example.com] [img]http://www.photoshop-cafe.de/forum/images/statusicon/forum_new.gif[/img] [/url] (Link)
|
Ausgabe |
(Kein Link)
(Link)
|
Code |
Das [code] Tag zeigt den Text in einer nichtproportionalen Schrift (Monospace Font) an und erhält damit Textformatierungen, wie z.B. Leerzeichen. |
Syntax |
[code]Text[/code] |
Beispiel |
[code]
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>
[/code] |
Ausgabe |
Code:
<script type="text/javascript">
<!--
alert("Hello world!");
//-->
</script>
|
PHP-Code |
Das [php] Tag funktioniert genauso wie das [code] Tag, hebt aber zusätzlich bestimmte Schlüsselwörter hervor (Syntax Highlighting). Obwohl es für PHP entwickelt wurde, kann es u.U. auch andere C-ähnliche Sprachen korrekt darstellen. |
Syntax |
[php]Text[/php] |
Beispiel |
[php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
echo $myvar . "\n";
}
[/php] |
Ausgabe |
PHP-Code:
$myvar = 'Hello World!'; for ($i = 0; $i < 10; $i++) { echo $myvar . "\n"; }
|
HTML-Code |
Das [html] Tag ermöglicht eine farbliche Hervorhebung (Syntax Highlighting) von HTML-Code. |
Syntax |
[html]Text[/html] |
Beispiel |
[html] <img src="image.gif" alt="image" /> <a href="testing.html" target="_blank">Testing</a> [/html] |
Ausgabe |
HTML-Code:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
|
Zitat |
Mit dem [quote] Tag kannst du Texte fremder Herkunft zitieren. |
Syntax |
[quote]Zitat[/quote]
[quote=Benutzername]Text[/quote]
|
Beispiel |
[quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;401246]Lorem ipsum dolor sit amet[/quote]
|
Ausgabe |
Zitat:
Lorem ipsum dolor sit amet
|
Zitat:
Zitat von John Doe
Lorem ipsum dolor sit amet
|
Zitat:
Zitat von John Doe
Lorem ipsum dolor sit amet
|
|
BB-Code Umwandlung verhindern |
Mit dem [noparse] Tag kann verhindert werden, dass vB Code innerhalb des [noparse] Tags zur Textformatierung umgewandelt wird. |
Syntax |
[noparse][b]Text[/b][/noparse]
|
Beispiel |
[noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
|
Ausgabe |
[b]Lorem ipsum dolor sit amet[/b]
|
Anhang |
Mit dem [attach] Tag können Anhänge an beliebiger Stelle in einem Beitrag platziert werden. Dies gilt jedoch nur für Anhänge, die an diesen Beitrag angehängt wurden. |
Syntax |
[attach]attachmentid[/attach]
|
Beispiel |
[attach]12345[/attach]
|
Ausgabe |
|
Amazon Bild |
Amazon Bilder einfügen mit Hilfe der ASIN |
Syntax |
[AI]Text[/AI] |
Beispiel |
[AI]B003L2M90I[/AI] |
Ausgabe |
[AI]B003L2M90I[/AI] |
amazon |
no |
Syntax |
[amazon]Text[/amazon] |
Beispiel |
no |
Ausgabe |
no |
Anzeigen |
Weißer Hintergrund in einem 800px breiten DIV zum einfacheren Darstellen von Anzeigen, da die Bilder und Anzeigen sich abheben sollten vom restlichen Text und im allgemeinen die Bilder nur mit weißem Hintergrund zur Verfügung stehen. |
Syntax |
[anzeige]Text[/anzeige] |
Beispiel |
[ANZEIGE]Das ist ein Angebot von Galileo Press[/ANZEIGE] |
Ausgabe |
AFFILIATE-ANGEBOT: Das ist ein Angebot von Galileo Press * Wenn ihr ein Produkt über diesen Link kauft, unterstützt ihr das PSC |
Amazon Text |
Amazon-Links direkt mit der ASIN einfügen |
Syntax |
[AT=Parameter]Text[/AT] |
Beispiel |
[AT="B003L2M90I"]Amazon Textlink[/AT] |
Ausgabe |
[AT="B003L2M90I"]Amazon Textlink[/AT] |
Beschriftung mit Zeilenumbruch vor Bild |
Text klein und Bold vor kleinen Bildchen mit Zeilenumbruch |
Syntax |
[bbr]Text[/bbr] |
Beispiel |
[bbr]Bild von Jenny[/bbr][qba="Bild 1 - Jenny"]1411823229_Unbenannt-1.jpg[/qba] |
Ausgabe |
Bild von Jenny [qba="Bild 1 - Jenny"]1411823229_Unbenannt-1.jpg[/qba] |
Break |
Umbruch einfügen z.B. nach einem IMGR |
Syntax |
[break]Text[/break] |
Beispiel |
Text [break][/break] Text |
Ausgabe |
Text Text |
Contest-Aufgabenstellung |
Extra hervor gehobener Teil in einem Thread für die Aufgabenstellung eines Contests |
Syntax |
[CONTEST]Text[/CONTEST] |
Beispiel |
[CONTEST]Hier sollte die Beschreibung rein und eventuell Bilder[/CONTEST] |
Ausgabe |
[CONTEST]Hier sollte die Beschreibung rein und eventuell Bilder[/CONTEST] |
Kleinere Breite (1024) |
Erstellt um Text einen Div mit maximaler Breite von 800 px |
Syntax |
[FIX]Text[/FIX] |
Beispiel |
[fix]Testtext[/fix] |
Ausgabe |
[fix]Testtext[/fix] |
galileo |
Galileo-Video-Trainings |
Syntax |
[galileo=Parameter]Text[/galileo] |
Beispiel |
egal |
Ausgabe |
egal |
Überschrift 1 |
|
Syntax |
[h1]Text[/h1] |
Beispiel |
[h1]Überschrift 1[/h1] |
Ausgabe |
Überschrift 1 |
Überschrift 2 |
|
Syntax |
[h2]Text[/h2] |
Beispiel |
[h2]Überschrift 2[/h2] |
Ausgabe |
Überschrift 2 |
Image umschreiben |
Versuch den IMG-VbCode anzupassen, damit keine Bilder mehr das Forum sprengen oder auch für weitere individuelle Einstellungen |
Syntax |
[img]Text[/img] |
Beispiel |
[IMG]http://upload.wikimedia.org/wikipedia/commons/4/46/Großes_Walsertal_Panorama_2.jpg[/IMG] |
Ausgabe |
|
IMG für Abstimmung durch Kopie |
Ermöglicht das schnelle Einpflegen von Bildern beim Erstellen einer Abstimmung. Dateiname muss mitgegeben werden.
Geht nur, wenn sowohl in ../sonst/thumbs als auch in ../sonst ein Bild vorhanden ist. |
Syntax |
[IMGA=Parameter]Text[/IMGA] |
Beispiel |
[IMGA="1315239296_park1.JPG"]MWD von Conny[/IMGA] |
Ausgabe |
[IMGA="1315239296_park1.JPG"]MWD von Conny[/IMGA] |
Bild links umfließen lassen |
Lässt Grafiken von Text links umfließen |
Syntax |
[IMGL]Text[/IMGL] |
Beispiel |
[IMGL]http://www.photoshop-cafe.de/forum/images/statusicon/forum_new.gif[/IMGL] Neuer Text der ganz schön lang ist |
Ausgabe |
[IMGL]http://www.photoshop-cafe.de/forum/images/statusicon/forum_new.gif[/IMGL] Neuer Text der ganz schön lang ist |
Bild rechts umfließen lassen |
Lässt Grafiken von Text rechts umfließen. |
Syntax |
[IMGR]Text[/IMGR] |
Beispiel |
[IMGR]https://www.photoshop-cafe.de/forum/images/statusicon/forum_new.gif[/IMGR] Neuer Text der ganz schön lang ist |
Ausgabe |
[IMGR]https://www.photoshop-cafe.de/forum/images/statusicon/forum_new.gif[/IMGR] Neuer Text der ganz schön lang ist |
Sprungmarke |
Setzen einer Sprungmarke |
Syntax |
[JUMP]Text[/JUMP] |
Beispiel |
[JUMP]Test[/JUMP] |
Ausgabe |
[JUMP]Test[/JUMP] |
Kleines Bild schon vorbereitet für Abstimmung |
Zum Einfügen von kleinen Bildern aus beliebigem Verzeichnis mit Beschreibung in einer Abstimmung |
Syntax |
[kb=Parameter]Text[/kb] |
Beispiel |
[kb="Bild 01"]team/Contest/Sommer/minithumbs/Bild-01.jpg[/kb] |
Ausgabe |
Bild 01
|
Abstand |
lerrraum flexibel einfügen |
Syntax |
[LR]Text[/LR] |
Beispiel |
bla [lr]10[/lr] bla |
Ausgabe |
bla [lr]10[/lr] bla |
Contest Preise |
|
Syntax |
[PREISE]Text[/PREISE] |
Beispiel |
[PREISE]Text[/PREISE] |
Ausgabe |
[PREISE]Text[/PREISE] |
Quellenangaben |
Quellenangaben in kleinem Kasten |
Syntax |
[Q]Text[/Q] |
Beispiel |
[Q]Neue Quelle 1[/Q] |
Ausgabe |
[Q]Neue Quelle 1[/Q] |
quadratischer Bildausschnitt |
Quadratischen Ausschnitt aus einem Bild mit Rahmen und Link zum großen Bild einfügen. Hoffe es klappt |
Syntax |
[QBA=Parameter]Text[/QBA] |
Beispiel |
[qba="CMYK"]1352023549_P1080720__anior.jpg[/qba] |
Ausgabe |
[qba="CMYK"]1352023549_P1080720__anior.jpg[/qba] |
Contest-Regeln |
|
Syntax |
[REGELN]Text[/REGELN] |
Beispiel |
[REGELN]Hier kommen die Regeln rein[/REGELN] |
Ausgabe |
[REGELN]Hier kommen die Regeln rein[/REGELN] |
Text durchstreichen |
Text durchstreichen, z.B. bei Änderungen |
Syntax |
[s]Text[/s] |
Beispiel |
[s]durchgestrichener Text[/s] |
Ausgabe |
durchgestrichener Text |
Schutz |
Schutz für Bild |
Syntax |
[schutz=Parameter]Text[/schutz] |
Beispiel |
[schutz]1419270751_1417528488_MWDWeihachten.jpg[/schutz] |
Ausgabe |
[schutz]1419270751_1417528488_MWDWeihachten.jpg[/schutz] |
Tabelle |
Zum Erstellen einer Tabelle mit 95% Breite |
Syntax |
[table]Text[/table] |
Beispiel |
[table]dies ist eine tabelle ohne Zeilen alleine[/table] |
Ausgabe |
dies ist eine tabelle ohne Zeilen alleine |
Tabellenspalte |
Fügt Spalten in die Tabellenreihen ein |
Syntax |
[td]Text[/td] |
Beispiel |
[table][tr][td]1. Spalte[/td][td]zweite Spalte[/td][td]dritte Spalte[/td][/tr][/table] |
Ausgabe |
1. Spalte | zweite Spalte | dritte Spalte | |
Tabellenzeile |
Innerhalb von Table verwendet eine Zeile |
Syntax |
[tr]Text[/tr] |
Beispiel |
[table][tr]eine Zeile in einer Tabelle[/tr][/table] |
Ausgabe |
eine Zeile in einer Tabelle |
Tutorial Endergebnis |
Einfügen des Tutorial Endergebnisses für automatischen Preview. Hier ist wichtig, dass der IMG VbCode weiterhin benutzt wird. |
Syntax |
[TUT]Text[/TUT] |
Beispiel |
[TUT]Hier sollte dann das Bild rein mit vbCode [IMG][/TUT] |
Ausgabe |
[TUT]Hier sollte dann das Bild rein mit vbCode [IMG][/TUT] |
vB-Code ausgeben, ohne ihn umzuwandeln |
vB-Code ausgeben, ohne dass er umgewandelt wird. |
Syntax |
[VB]Text[/VB] |
Beispiel |
[VB][IMG]http://www.domain.de/bild.jpg[/IMG][/VB] |
Ausgabe |
[VB][/VB] |
viele kleine Bildchen querformat |
Extra für die Shorts-Abstimmung, weil das zu viele Bilder sind. Klick auf das Ganze geht dann aufs große Bild, das wird aber nicht über diesen vbCode gelöst. Der erstellt nur einen floatenden div mit dem kleinen Bildchen.
Sorry dafür, aber ich weiß sonst nicht, wie ichs lösen soll. |
Syntax |
[vbq=Parameter]Text[/vbq] |
Beispiel |
[vbq="Shorts von Heike"]https://www.photoshop-cafe.de/bildupload/pics/sonst/thumb/1336664250_Shortsbrennt.jpg[/vbq] |
Ausgabe |
Shorts von Heike |
You Tube Video einbinden |
Erlaubt das Einbetten von You Tube Videos im Forum mit Player |
Syntax |
[YT]Text[/YT] |
Beispiel |
[YT]-HkkQEE7zBk[/YT] |
Ausgabe |
[YT]-HkkQEE7zBk[/YT] |
Alle Zeitangaben in WEZ +2. Es ist jetzt 18:14 Uhr.