Benutzername    Passwort    Autologin    
  Passwort vergessen       Registrieren  
beeForum Foren-übersicht » werkstatt
Neues Thema eröffnen   Neue Antwort erstellen Hervorhebung entfernen


BBCode-Guide
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
boris



Beiträge: 9965

Titel: BBCode-Guide
Verfasst am: Sa, 07 Feb 2009, 11:30
Beitrag
Antworten mit Zitat

Moin,

hier mal eine Liste der gültigen BBCodes, die im Forum eingebaut sind und mit denen man seine Beiträge fluffig gestalten kann.

In den FAQ steht schon folgendes darüber:

Zitat:
BBCode ist eine spezielle Abart von HTML. Ob du BBCode benutzen kannst, wird vom Administrator festgelegt. Du kannst es auch in einzelnen Beiträgen deaktivieren. BBCode selber ist HTML sehr ähnlich, die Tags sind von den Klammern [ und ] umschlossen und bietet dir große Kontrolle darüber, was und wie etwas angezeigt wird. Für weitere Informationen über den BBCode solltest du dir die Anleitung anschauen, die du von der Beitrag schreiben-Seite aus erreichen kannst.


Die Buttons oberhalb des Eingabefelds für die Nachricht stellen nur eine Auswahl der am häufigsten benutzten Codes dar. Bei fast allen Codes kann einfach ein Stück Text im Eingabefeld markiert werden - ein Klick auf den entsprechenden Button wendet dann den Code auf den markierten Text an. Fährt man mit der Maus über die angezeigten Buttons, wird in der Hilfezeile die Syntax angezeigt.
Manche Codes haben Parameter, einige davon sind Pflicht, andere nicht. Hier alle installierten BBCodes im Überblick, der Übersichtlichkeit halber jeweils in "Spoilern" zum Ausklappen:





Fettdruck
Spoiler:
so wirds gemacht

Code:
normal [b]Fettdruck[/b] normal

so siehts aus

Zitat:
normal Fettdruck normal





kursiv
Spoiler:
so wirds gemacht

Code:
normal [i]kursiv[/i] normal

so siehts aus

Zitat:
normal kursiv normal





unterstrichen
Spoiler:
so wirds gemacht

Code:
normal [u]unterstrichen[/u] normal

so siehts aus

Zitat:
normal unterstrichen normal





Zitat
Spoiler:
so wirds gemacht

Code:
text
[quote="Autor"]Zitat[/quote]
text

so siehts aus

Zitat:
text
Autor gab folgendes von sich:
Zitat
text

Beim Zitieren wird die Zitatbox automatisch eingefügt - verschachtelte Zitate werden allerdings entfernt.
Der Parameter ="Autor" kann weggelassen werden.





Code
Spoiler:
so wirds gemacht

Code:
text
[code]code[/code]
text

so siehts aus

Zitat:
text
Code:
code
text

Code dient zur Ausgabe von Text in einem nicht-proportionalen Font, auch mehrfach Leerzeichen werden ausgegeben. Außerdem wird BBCode innerhalb einer Code-Box nicht umgewandelt sondern als Klartext ausgegeben.





PHP
Spoiler:
so wirds gemacht

Code:
text
[php]echo 'text';[/php]
text

so siehts aus

Zitat:
text
PHP-Code:
1
<?php echo 'text'
text

Funktioniert ähnlich wie das "code"-Tag, markiert PHP-Code aber farbig und mit Zeilennummern.





Aufzählungen
Spoiler:
so wirds gemacht

Code:
text
[list]
[*]punkt 1
[*]punkt 2
[/list]
text

so siehts aus

Zitat:
text

  • punkt 1
  • punkt 2

text

Benutzt man "list" mit einem Parameter, wird eine nummerierte Aufzählung draus:

so wirds gemacht

Code:
text
[list=1]
[*]punkt 1
[*]punkt 2
[/list]
text

so siehts aus

Zitat:
text

  1. punkt 1
  2. punkt 2

text





Bilder
Spoiler:
so wirds gemacht

Code:
text [img]URL des Bildes, z.B. http%u3a//www.beehave.de/forum/images/smiles/icon_mrgreen.gif[/img] text

so siehts aus

Zitat:
text text

Bei größeren Bildern kann man das Bild links oder rechts positionieren, um den Text um das Bild "fließen" zu lassen, dafür wird der Parameter "left" oder "right" verwendet:

so wirds gemacht

Code:
[img=right]URL des Bildes[/img] text text text (usw.)

so siehts aus

Zitat:
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

so wirds gemacht

Code:
[img=left]URL des Bildes[/img] text text text (usw.)

so siehts aus

Zitat:
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Bilder können mit Klick auf den Button "UploadPic" auch hochgeladen werden. Beim Einfügen des Bildes im UploadPic-Fenster wird der nötige BBCode automatisch erzeugt.





Links
Spoiler:
so wirds gemacht

Code:
text [url]URL, z.B. http%u3a//www.beehave.de[/url] text

so siehts aus

Zitat:
text https://www.beehave.de text

Alternativ kann auch ein Text oder ein Bild verlinkt werden:

so wirds gemacht

Code:
text [url=http%u3a//www.beehave.de]Linktext oder ein Bild[/url] text

so siehts aus

Zitat:
text Linktext oder ein Bild text





Zentriert
Spoiler:
so wirds gemacht

Code:
[center]irgendwas[/center]

so siehts aus

Zitat:
irgendwas

wirkt auf Text wie auch auch Grafiken - alles zwischen den center-Tags wird zentriert





YouTube

Spoiler:
so wirds gemacht

Code:
[youtube]http%u3a//www.youtube.com/watch?v=Ni2da9A2yeU[/youtube]

so siehts aus

Zitat:


Die YouTube-URL ist immer die, die bei YouTube angezeigt wird, wenn man sich das Video (auf deren Seite) ankuckt.





MyVideo (macht Probleme, sollte nicht verwendet werden)

Spoiler:
so wirds gemacht

Code:
[myvideo]http%u3a//www.myvideo.de/watch/3221892/Unkle_Rabbit_in_your_Headlights[/myvideo]

so siehts aus

Zitat:


Die MyVideo-URL ist immer die, die bei MyVideo angezeigt wird, wenn man sich das Video (auf deren Seite) ankuckt.





Schriftfarbe

Spoiler:
so wirds gemacht

Code:
normal [color=red]farbig[/color] normal

so siehts aus

Zitat:
normal farbig normal

Die Farbe kann aus dem Dropdown über dem Eingabefeld ausgewählt werden.





Hintergrundfarbe

Spoiler:
so wirds gemacht

Code:
normal [bg=yellow]farbig[/bg] normal [bg=#33FF66]andersfarbig[/bg] normal [color=white][bg=black]weiß auf schwarz[/bg][/color] normal

so siehts aus

Zitat:
normal farbig normal andersfarbig normal weiß auf schwarz normal

Es können die Standard-Farbnamen wie auch der Hex-Code verwendet werden. Zu beachten: wenn die Hintergrundfarbe zu dunkel wird, u.U. die Schriftfarbe ändern (s.o.).





Schriftgröße

Spoiler:
so wirds gemacht

Code:
normal [size=18]groß[/size] normal

so siehts aus

Zitat:
normal groß normal

Die Größe kann aus dem Dropdown über dem Eingabefeld ausgewählt werden.





durchgestrichener Text

Spoiler:
so wirds gemacht

Code:
normal [s]durchgestrichen[/s] normal

so siehts aus

Zitat:
normal durchgestrichen normal





hochgestellter Text

Spoiler:
so wirds gemacht

Code:
text [sup]hoch[/sup] text

so siehts aus

Zitat:
text hoch text





tiefgestellter Text

Spoiler:
so wirds gemacht

Code:
text [sub]tief[/sub] text

so siehts aus

Zitat:
text tief text





unterschiedliche Schriftarten

Spoiler:
so wirds gemacht

Code:
Standardtext [font=Courier New]Text in der Schriftart "Courier New"[/font] Standardtext

so siehts aus

Zitat:
Standardtext Text in der Schriftart "Courier New" Standardtext

Die Schriftart wird (wie die Schriftgröße und -farbe über ein Dropdown ausgewählt.





Spoiler

Spoiler:
so wirds gemacht

Code:
text
[spoiler]verborgener Text[/spoiler]
text

so siehts aus

Zitat:
text
Spoiler:
verborgener Text

text





Rahmen

Spoiler:
so wirds gemacht

Code:
text [border]irgend etwas[/border] text

so siehts aus

Zitat:
text irgend etwas text

(wurde noch nie verwendet, funktioniert nicht richtig, wenn Zeilenumbrüche im umrandeten Text sind)





E-Mail

Spoiler:
so wirds gemacht

Code:
text [email]test@test.de[/email] text andere@email.com text

so siehts aus

Zitat:
text test@test.de text andere@email.com text

Da E-Mail-Adressen automatisch umgewandelt werden, ist dieser Tag eigentlich nutzlos - nur die Formatierung ist etwas anders als bei der automatischen Umwandlung. Da man E-Mail-Adressen aber eh kaum jemals postet, kann man das Ding getrost vergessen ...





Web / IFrame

Spoiler:
so wirds gemacht

Code:
text
[web]https://www.wikipedia.org[/web]
text

so siehts aus

Zitat:
text

text

Dieser Code bettet eine komplette Website über einen IFrame ein. Damit können z.B. Google-Karten oder ähnliches direkt im Forum angezeigt werden, das Protokoll muss aber https sein, sonst blockiert der Browser das Nachladen.





Amazon-Links

Spoiler:
so wirds gemacht

Code:
text [amazon=ASIN]bild und/oder text[/amazon] text

so siehts aus

Zitat:
text Hermann Hesse - Das Glasperlenspiel text

Mit dem amazon-Code kann auf eine amazon-Produktseite verlinkt werden. (Nicht uneigennützig für mich: mein Partner-Tag wird übergeben, der beim anschließenden Kauf Provision abwirft. Smile )
Die anzugebende "ASIN" ist die eindeutige Produktnummer eines Produkts bei amazon. Diese findet sich in der URL, hinter dem Teil "/dp/":

Zitat:
(...)amazon.de/Das-Glasperlenspiel-Lebensbeschreibung-hinterlassenen-Schriften/dp/3518390724/ref=sr_1_3?ie=UTF8&s=books&qid=1234023705&sr=8-3

In diesem Fall also "3518390724". Zur Unterscheidung werden Amazon-Textlinks rot dargestellt (blau bei "mouse over"), normale Textlinks genau umgekehrt: amazon, normal





HTML

Spoiler:
HTML-Tags sind grundsätzlich nicht erlaubt - einzige Ausnahme ist das Tag für eine horizontale Linie:

Code:
text

<hr>
text

so siehts aus

Zitat:
text



text





Kombination von Tags

Spoiler:
so wirds gemacht

Code:
text [color=red][b]fett und rot[/b][/color] text


so siehts aus
Zitat:
text fett und rot text

Die Style-Tags (b, u, i, size, color) können recht beliebig kombiniert werden, Format-Tags (quote, code, center) können ebenfalls wieder Style-Tags enthalten.
Zu beachten ist nur, daß die Tags in der richtigen Reihenfolge geöffnet und wieder geschlossen werden, das zuletzt geöffnete Tag muß zuerst wieder geschlossen werden (s.o.).





That's all, folks ...

B.


____________
beehave - home of humbug ... [we can't afford to be neutral]


Zuletzt bearbeitet von boris am Mi, 01 Feb 2017, 00:44, insgesamt 3-mal bearbeitet. (0 Prozent)

Nach oben
Private Nachricht senden Website dieses Benutzers besuchen Rang:robot methusalem 3. platz professioneller Sportangler Profi-Winzer (7x Hamm) Arcade-Meister, Rang 16 rainbow-cup
rantanplan



Beiträge: 212

Titel: (Kein Titel)
Verfasst am: Do, 16 Dez 2010, 22:27
Beitrag
Antworten mit Zitat

Test:
WAS
soll
Autor gab folgendes von sich:
der

scheiß?


Cool, funktioniert!

Nach oben
Private Nachricht senden Rang:professional methusalem Amateur-Zocker Die miese Teflon-Dreckschleuder
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    beeForum Foren-übersicht » werkstatt Seite 1 von 1
Gehe zu:  



ähnliche Beiträge
Thema Autor Forum Antworten Verfasst am
Keine neuen Beiträge Neuer BBCode: strikethrough boris werkstatt 0 Mi, 05 Dez 2007, 20:15 Letzten Beitrag anzeigen
Keine neuen Beiträge Advanced BBcode Box Mod 5.1.0c salamander mod support 3 So, 04 März 2007, 02:28 Letzten Beitrag anzeigen
Keine neuen Beiträge BBCode.php error with phpbb 2.20 mreider mod support 1 Mi, 24 Mai 2006, 10:47 Letzten Beitrag anzeigen
Keine neuen Beiträge Hitchhikers Guide - Neuverfilmung boris zelluloid 2 Mi, 16 Feb 2005, 21:29 Letzten Beitrag anzeigen


Schreiben: nein. Antworten: nein. Bearbeiten: nein. Löschen: nein. Umfragen: nein.
phpBB © phpBB Group | 2239617 Besucher seit 01.01.2018 (heute: 11285) | impressum