Kleines Tutorial zu BBCode in der DP

[MaBuSE]

Kleines Tutorial zu BBCode in der DP

Die Beiträge in unserem Forum können formatiert werden.
Dazu stehen über der Texteingabe mehrere Buttons zur Verfügung.

Wenn man den Text markiert und dann z.B. [ B ] drückt, wird um den markierten Text ein BBCode eingefügt um den Text fett anzuzeigen.
Ist kein Text markiert wird "nur" der beginnende BBCode eingefügt, bei nochmaligem Drücken der abschließende BBCode.
Wenn man sich aber an die BBCode gewöhnt hat, geht es schneller die BBCodes direkt zu tippen.

Hier eine unvollständige Liste der in der DP verwendeten BBCodes:


Fettschrift:

Code:

 [b]Fett[/b]

Ergebnis:

Fett

Kursiv:

Code:

 [i]Kursiv[/i]

Ergebnis:

Kursiv

Unterstrichen:

Code:

 [u]Unterstrichen[/u]

Ergebnis:

Unterstrichen

Durchgestrichen:

Code:

 [s]Durchgestrichen[/s]

Ergebnis:

Durchgestrichen

Zentriert:

Code:

 [center]Zentriert[/center]

Ergebnis:

Zentriert

Tags können auch geschachtelt werden:

Code:

 [b]Fett und [i]Fettkursiv[/i][/b]

Ergebnis:

Fett und Fettkursiv

Es sollte aber nicht so geschachtelt werden:

Code:

 [b]Fett und [u][i]Fettkursiv[/i][/u][/b][u] und unterstrichen[/u]

Ergebnis:

Fett und Fettkursivunterstrichen und unterstrichen

Bilder:

Code:

 [IMG]http://www.delphipraxis.net/images/smiles/icon_blackie.gif[/IMG]

Ergebnis:

http://www.delphipraxis.net/images/s...on_blackie.gif

Urls, Links #1:

Code:

 [url]http://www.delphipraxis.net[/url]

Ergebnis:

http://www.delphipraxis.net

Urls, Links #2:

Code:

 [URL]http://www.delphipraxis.net[/URL]

Ergebnis:

http://www.delphipraxis.net

Urls, Links #3:

Code:

 [URL=http://www.delphipraxis.net]Link zur DP[/URL]

Ergebnis:

Link zur DP

Farbe #1:

Code:

 [color=red]Rot[/color]

Ergebnis:

Rot

Farbe #2:

Code:

 [color=#AABBCC]RGB Wert #AABBCC[/color]

Ergebnis:

RGB Wert #AABBCC

Schriftgröße geht von size=8 bis size=28:

Code:

 [size=8]Kleinschrift[/size] [size=28]Großschrift[/size]

Ergebnis:

Kleinschrift Großschrift

Zitat:

Code:

 [quote]Zitat[/quote]

Ergebnis:

Zitat:

Zitat

Zitat von einer bestimmten Person:

Code:

 [quote="Username"]Zitat[/quote]

Ergebnis:

Zitat:

Zitat von Username

Zitat

Zitat mit freier Überschrift:

Code:

 [equote="freie Überschrift"]Zitat[/equote]

Ergebnis:

[equote:4ba8fb04b1="freie Überschrift"]Zitat

[/equote:4ba8fb04b1]

Quelltext:

Code:

 [code]Quelltext

[/code]

Ergebnis:

Code:

Quelltext

Delphi Quelltext:

Code:

 [delphi]for i := 0 to 10 do irgendwas;[/delphi]

Ergebnis:

Delphi-Quellcode:

for i := 0 to 10 do irgendwas;

SQL Quelltext:

Code:

 [sql]select * from Tabelle[/sql]

Ergebnis:

SQL-Code:

select * from Tabelle

XML Quelltext:

Code:

 [xml]<Lieblingssprache>Delphi</Lieblingssprache>[/xml]

Ergebnis:

XML-Code:

<Lieblingssprache>Delphi</Lieblingssprache>

Suchanfrage in DP:

Code:

 [dp]BBCode[/dp]

Ergebnis:

BBCode

Suchanfrage in CodeLib der DP:

Code:

 [cl]Test[/cl]

Ergebnis:

Test

Suchanfrage in DelphiForum:

Code:

 [df]BBCode[/df]

Ergebnis:

[df]BBCode[/df]

Suchanfrage in Google:

Code:

 [google]BBCode[/google]

Ergebnis:

BBCode

Suchanfrage in MSDN:

Code:

 [msdn]BBCode[/msdn]

Ergebnis:

BBCode

Es können auch mehrere Wörter gesucht werden:

Code:

 [dp]BBCode AND Fett[/dp] [dp]BBCode OR Fett[/dp]

Ergebnis:

BBCode AND Fett BBCode OR Fett

Listen #1:

Code:

[list][*]Eins[*]Zwei[*]Drei[/list]

Ergebnis:

• Eins
• Zwei
• Drei

Listen #2:

Code:

[list=1][*]Eins[*]Zwei[*]Drei[/list]

Ergebnis:

1. Eins
2. Zwei
3. Drei

Listen #3:

Code:

[list=a][*]Eins[*]Zwei[*]Drei[/list]

Ergebnis:

1. Eins
2. Zwei
3. Drei

Listen können auch verschachtelt werden:

Code:

[list][*]Eins[list][*]Eins-Eins[*]Eins-Zwei[*]Eins-Drei[/list][*]Zwei[*]Drei[/list]

Ergebnis:

• Eins
  • Eins-Eins
  • Eins-Zwei
  • Eins-Drei
• Zwei
• Drei

Smileys:

Code:

 :-D  :)  :(  :o  :shock:  :?  8)  :lol:  :x  :P  :oops:  :cry:  :evil:  :twisted:  :roll:  :wink:  :!:  :?:  :idea:  :arrow: 
 :|  :thumb:  :pale:  :stupid:  :cyclops:  :drunken:  :mrgreen:  :gruebel:  :wall:  :zwinker:  :cat:  :angel:  :angel2:  :dp: 
 :love:  :wiejetzt:  :bouncing4:  :cheers:  :firejump:  :bounce1:  :coder:  :bounce2:  :dancer:  :witch:  :dancer2:  :nerd: 
 :smile2:  :roteyes:  :spin2:  :hello:  :tongue:  :xmas:  :party:  :balloon:  :hi:  :corky:  :warn:  :chat:  :kotz:  :dance: 
 :freak:  :spin:  :coder2:

Ergebnis:

:-D :) :( :o :shock: :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow:
:| :thumb: :pale: :stupid: :cyclops: :drunken: :mrgreen: :gruebel: :wall: :zwinker: :cat: :angel: :angel2: :dp:
:love: :wiejetzt: :bouncing4: :cheers: :firejump: :bounce1: :coder: :bounce2: :dancer: :witch: :dancer2: :nerd:
:smile2: :roteyes: :spin2: :hello: :tongue: :xmas: :party: :balloon: :hi: :corky: :warn: :chat: :kotz: :dance:
:freak: :spin: :coder2:

[Matze]

Link ins Profil:

Code:

 [user]Benutzername[/user]

Ergebnis:

Sakura

[moritz]

Das ist eine sehr gute Idee! :thumb:

[alcaeus]

Suche im Kylix-Forum:

Code:

[kf]Suchbegriff[/kf]

Ergebnis:

Suchbegriff

Und für alle Suchtags gilt: Steht der Begriff in Anführungszeichen ("), so werden die Suchbegriffe nicht in Großbuchstaben dargestellt:

Code:

[dp]"Suchbegriff"[/dp]

Ergebnis:

[dp]"Suchbegriff"[/dp]

Weiters können die Suchtags auch wie die url-Tags verwendet werden:

Code:

[dp="Suchbegriff"]Suche in der DP[/dp]

Ergebnis:

[dp="Suchbegriff"]Suche in der DP[/dp]

Greetz
alcaeus

[fkerber]

Hi!

Verweis auf Onlinehilfe:

Code:

 [oh]topic[/oh]

Ergebnis:

topic

Ciao Frederic

[MaBuSE]

Es gibt natürlich noch einige Tags, die nicht offiziell beschrieben werden sollen.

Die sind zum selbst herausfinden. :mrgreen:

Ein Beispiel:

Code:

*meow*

Ergebnis:

****meow****

[MrSpock]

... und wie ist das mit den rechtsbündigen Signaturen :gruebel: ?

[MaBuSE]

.. und es gibt noch einige Tags, die zwar verwendet werden, aber nicht Bestandteil des BBCode sind:

Offtopic:
[OT] Ich bin der Beste :mrgreen: [/OT]

Wenn man etwas hinzufügt, oder verbessert schreiben viele ein Edit Tag um das zu verdeutlichen.

Edit-Tag:
[edit] Diese Info wurde nachträglich hinzugefügt [/edit]

[MaBuSE]

Zitat:

Zitat von MrSpock

... und wie ist das mit den rechtsbündigen Signaturen :gruebel: ?

Die sind auch zum selbst herausfinden.
ist aber eigentlich gaaanz einfach.

[edit]
Wenn man es irgend wo sieht, einfach Zitat machen und im Quelltext schauen.
Dumm nur, das man Signaturen nicht sieht :mrgreen:
[/edit]

[fkerber]

Hi!

Zitat:

Zitat von MaBuSE

Es gibt natürlich noch einige Tags, die nicht offiziell beschrieben werden sollen.

Die sind zum selbst herausfinden. :mrgreen:

Ein Beispiel:

Code:

*meow*

Ergebnis:

*meow*

Irgendwie geht das bei mir nicht. Geht das nur in manchen Foren?
Edit: Wohl nicht, dann müsste es ja gehen. Habe jetzt genau das selbe geschrieben wie Mabuse (Zitatfunktion) und es geht nicht.
Wo ist da der Trick?


Ciao Frederic

[alcaeus]

@fKerber: :roll: Da der Blackie-Code versteckt ist wird er durch *meow* ersetzt. MaBuSe wollte einfach nur verdeutlichen, dass es auch versteckte Smileys gibt ;)

Greetz
alcaeus

[fkerber]

Hi!

Also ist der Code für Blackie nicht *meow*?


Ciao Frederic

[MrSpock]

Mal ausprobieren:

Code:

*meow*

Ergebnis:

****meow****

Funktioniert: :mrgreen:

[alcaeus]

Hi fkerber,

lass dich nicht durch den außerirdischen ablenken. Der Code ist definitiv nicht *meow*. *meow* ist nur der replacement-text, der anstatt des richtigen Smileycodes beim zitieren eines Beitrags eingeführt wird. So wird sichergestellt, dass wir "sterblichen Benutzer" den Blackie-Code nicht so schnell erfahren ;)

Greetz
alcaeus

[Kernel32.DLL]

wenn man ganz intelligent ist geht's aber auch so:

[Edit]Funzte doch nicht. DAs nächste mal benutze ich die Vorschau, versprochen :zwinker: [/Edit]

:roll:

mfg
daniel

[-NIP-]

Um herauszufinden, wie man rechtsbündigen Text in der Signatur macht müsste man mal im Quelltext schmökern.

-NIP-

[Ultimator]

Stimmt, wer etwas HTML kann, schaft das auch :-D

[GuenterS]

leider ist html ja deaktiviert, darum geht das leider damit auch nicht. :meow:

[Ultimator]

@GuenterS: Was meinst du, geht nicht? :gruebel:

[GuenterS]

Naja Du schriebst wer etwas html kann schafft das auch, nur leider ist HTML ja deaktiviert, wie soll das dann gehen?

[MaBuSE]

Zitat:

Zitat von GuenterS

leider ist html ja deaktiviert, darum geht das leider damit auch nicht. :meow:

Man kann sich immer den html Text einer Seiten ansehen !!!
Im Browser (z.B. Internet Explorer) auf Menü -> Ansicht -> Quelltext
Und schon sieht man den HTML Quelltext.
Das geht mit jeder Seite im Internet.

Das html deaktiviert ist, bedeutet nur, dass in den Beiträgen kein html verwendet werden kann.
Dafür gibt es ja den BBCode, der in diesem tutorial beschrieben ist.
Also [b] funktioniert im Beitrag nicht, aber der BBCode [b] funktioniert.

[MaBuSE]

Zitat:

Zitat von GuenterS

Naja Du schriebst wer etwas html kann schafft das auch, nur leider ist HTML ja deaktiviert, wie soll das dann gehen?

Er meint den BBcode von Rechtsbündig herausfinden.
[irgendwas das wie html aussieht] ... [/blabla]
Und schon ist es rechtsbündig.
Dieser BBCode Tag ist zum selbstherausfinden.

(in meiner Signatur ist was rotes rechtsbündig)

[GuenterS]

Jup danke grad selbst rausgefunden wie man den Text eben rechtsbündig ausrichtet.

Hab es mit div probiert, das ging aber nicht...

[MaBuSE]

Zitat:

Zitat von GuenterS

Jup danke grad selbst rausgefunden wie man den Text eben rechtsbündig ausrichtet.

:cheers:

[fkerber]

Hi!

Darf ich frage, wie man das herausfinden kann?
habe alle möglichen Kombis mal durch, z.B. [style="right"] [align="right"] [text-style="right"]

Hat nicht noch jemand nen Tipp?


Ciao Frederic

[GuenterS]

Jup, da is noch en Hinweis, Deine Notationen lassen noch Variationen zu, wie man auch in HTML verschiedene Attribute angeben kann.

Naja jetzt is es eh kein Geheimnis mehr.

[fkerber]

Hi!

Da macht man mal die " und dann isses auch wieder falsch :wall:
Danke. :mrgreen:


Ciao Frederic

[Tubos]

Zitat:

Da macht man mal die " und dann isses auch wieder falsch

Bei anderen Tags ist es ja auch so:
Dieser Tag funktioniert nicht

[MaBuSE]

[edit]

Ich dachte flomei hätte was geschieben

Dieser Beitrag kann nun nicht mehr zitiert werden, da er offensichtlich gar nicht existiert ;-)

[/edit]

:warn: Ich bin entsetzt.
Mir wurde gesagt, ich soll dieses Geheimnis nicht in dem Tutorial preisgeben, das ist etwas zum selbstherausfinden.
Da arbeitet einer im Team der DP und plaudert Geheimnisse aus.

Willst du nicht auch gleich noch die schwarze Katze, den Sharky und Luckie Smiley verraten ???

Ein kopfschüttelnder
Dr. MaBuSE

[edit]
ps: Falls ich etwas überreagiert habe, entschuldige ich mich hiermit dafür.
[/edit]

[Mamphil]

http://www.delphipraxis.net/images/s...on_blackie.gif :mrgreen:

EDIT: Möglichkeit, das Alignment auf rechtsbündig zu stellen entfernt ... (auf Wunsch diverser Mitglieder)

[malo]

Zitat:

Zitat von Mamphil

http://www.delphipraxis.net/images/s...on_blackie.gif :mrgreen:

Du Schummler! :warn: