Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

BBCode - BBCodes - Die Anleitung

Tipps, Tricks und Anleitungen für phpBB2 Foren von http://www.Kostenloses-Forum.be und http://www.phpBB6.de
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 1
LesezeichenLesezeichen: 0
Zugriffe: 8194

BBCode - BBCodes - Die Anleitung

Beitrag#1von Incognito » 21.01.2007 21:53

Ich habe hier eine Anleitung für den BBCode geschrieben. (aufs Forum bezogen) Die Anleitung kann gerne in das eigene Forum gesetzt werden. Ich bitte auch um Kritik. Die Anleitung kann gerne erweitert werden :D
----------------------------------------------------------------------------------------------------------------------------------------------
Da ich in anderen Foren bemerkt hatte, das viele Fragen zum BBCode gestellt wurden, habe ich hier eine kleine Anleitung gemacht. Ich würde mich über Kritik freuen.

Warum BBCode
Wir verwenden BBCode, weil es einfacher und kürzer ist. Ausserdem ist es leichter zu verstehen als HTML. So wird aus
Code: Alles auswählen
<a href="http://geheim.de.ki" target="_blank""Unser Forum</a"

dieses:
Code: Alles auswählen
[url=http://geheim.de.ki]Unser Forum[/url]

Da sieht man gleich, dass BBCode viel kürzer ist.

Zu Beachten:
Zu Beachten gibt es eigentlich nicht viel... Am Anfang des Codes steht statt "<" dieses Zeichen : "["
Am Ende muss man die Klammer wieder schließen.

Funktion:
Nun Erläutere ich, wie man den BBCode bei Texten verwendet verwendet.

1.Beispiel: Kursiver Text:
Um einen Kursiven Text einzufügen(schräg schreiben)muss man zwischen den folgenden Code den Text einfügen:
Code: Alles auswählen
[i]Ein Beispiel[/i]

Demo: Kursiver Text

2.Beispiel: Fetter Text:
Um den Text fett zu machen muss man zwischen den folgenden Code den Satz schreiben:
Code: Alles auswählen
[b]Ein Beispiel[/b]

Demo: Fetter Text

3.Beispiel: Unterstrichener Text:
Um einen Text zu unterstreichen, muss man zwischen den folgenden Code den Satz schreiben:
Code: Alles auswählen
[u]Ein Beispiel[/u]

Demo: [u]Unterstrichener Text[/b]

4.Beispiel: Durchgestrichener Text:
Um einen Text durchzustreichen, muss man folgenden Code zwischen den Satz schreiben:
Code: Alles auswählen
[s]Ein Beispiel[/s]

Demo: Durchgestrichener Text

5.Beispiel: Zahlen herauf/herabsetzen
Mit folgendem Code kann man Zahlen herauf oder herabsetzen:
  • Herabsetzen
Code: Alles auswählen
[sub]Ein Beispiel[/sub]


  • Heraufsetzen
Code: Alles auswählen
[sup]Ein Beispiel[/sup]


6.Beispiel:Zentrieren, Linksbündig, usw...
Mit diesen Codes kann man Texte zentrieren, usw...
1.)Zentrieren:
Code: Alles auswählen
[align=center]Text[/align]


2.)Blockschrift:
Code: Alles auswählen
[align=justify]Text[/align]


3.)Rechtsbündig:
Code: Alles auswählen
[align=right]Text[/align]


4.)Linksbündig:
Code: Alles auswählen
[align=left]Text[/align]


5.Beispiel:Texte wandern lassen:
Man kann die Texte nach links, rechts, nach oben oder nach unten wandern lassen. Dazu wird folgender Code benötigt:
1.) Nach Links:
Code: Alles auswählen
[marq=left]Text nach links[/marq]


2.) Nach Rechts:
Code: Alles auswählen
[marq=right]Text nach rechts[/marq]


3.) Nach oben:
Code: Alles auswählen
[marq=up]Text nach oben[/marq]


4.) Nach unten:
Code: Alles auswählen
[marq=down]Text nach unten[/marq]



Emails und URL
Wenn man ene URL oder eine Email-Adresse schreiben will kann man das auf zwei Arten machen: Der versteckten und der sichtbaren Art.

URL:
Um eine URL einzufügen ist folgender Code zu schreiben:
1.Art: Sichtbar:
Code: Alles auswählen
[url]http://www.geheim.de.ki[/url]

2.Art: Unsichtbar:
Code: Alles auswählen
[url=http://geheim.de.ki]UnserForum[/url]


Bei der Unsichtbaren Art, kann man nur den Text sehen, den man nach [/url] eingefügt hat.
Email´s
Um Emails anzugeben muss man folgenden Code verwenden:
Code: Alles auswählen
[email][email protected][/email]

Der versteckte Modus:
Code: Alles auswählen
[[email protected]]Meine Email[/email]


Bilder verlinken
Das Verlinken von Bildern ist sehr einfach. Dazu wird folgender Code benötigt:
Code: Alles auswählen
[img]URL für Bild[/img]


List= und List:
List erstellt eine ungeordnete Liste mit Symbol. Dies schaut dann so aus:
  • Text1
  • Text2

List= erstellt eine geordnete Liste mit wahlweise Zahlen oder Buchstaben. Dies sieht so aus:
  1. Text 1
  2. Text 2

Der Code für beide ist so:
Code: Alles auswählen
[list][*]Text1
[*]Text2[/list]
[list=1][*]Text1
[*]Text2[/list]


Quote und Codes:
Um Codes einzufügen, ohne sie verwenden zu wollen, benutzt man folgendes:
Code: Alles auswählen
[code]Hier gehören BBCodes oder HTML herein[/code]


Um Quotes(dient dem Zitieren) einzufügen gibt es zwei Arten: Ohne Quellenangabe und mit.
Ohne Quellenangabe:
Dies ist ein Zitat

Mit Quellenangabe:
Unbekannt hat geschrieben:Dies ist ein Zitat

Der Code dafür lautet:
Code: Alles auswählen
[quote]Zitat[/quote]
[quote="Unbekannt"]Zitat[/quote]


Großer und kleiner Text:
Um einen Text wahlweise größer und kleiner zu machen, gibt es folgende Möglichkeit: (Die Schriftgröße wird hinter dem gleichzeichen angegeben)
Code: Alles auswählen
[size=18]Großer Text[/size]
 [size=9]Kleiner Text[/size]


Schriftfarbe
Die Schriftfarbe hebt etwas besonders hervor. Hier sind ein paar Beispiele:
Rosa Farbe
Roter Text

Hier ist der Code zum einfügen von Farben:
Code: Alles auswählen
[color=red]Roter Text[/color]
[color=#FF1493]Hellbrauner Text[/color]

Eine Liste mit den Hexadezimalfarbwerten findet ihr hier.
Man muss vor die Werte das Raute-Zeichen machen (#)

Multimediafiles
Um Multimediafiles einzufügen gibt es 6 Arten:
1.)Flash File einfügen:
Um ein Flash-File einzufügen verwendet man folgenden Code:
Code: Alles auswählen
[flash width=250 height=250]URL des Files[/flash]
(Width und height geben die Höhe an)

2.)Video-File einfügen:
Um ein Video-File einzufügen, verwendet man folgenden Code:
Code: Alles auswählen
[video width=400 height=350]URL[/video]


3.)Audio-File einfügen:
Um Audio-Files einzufügen, gibt es folgenden Code:
Code: Alles auswählen
[stream]URL[/stream]


4.) Real Media File einfügen:
Um ein Real Media File einzufügen gibt es diesen Code:
Code: Alles auswählen
[ram width=220 height=140]URL[/ram]


5.) Video -ID einfügen:
Um eine Video-ID einzutragen gubt es folgenden Code:
Code: Alles auswählen
[video width=400 height=350]http://video.google.com/googleplayer.swf?docId=Video-ID[/video]


6.)Youtube Videos einfügen:
Um ein Video von YouTube einzufügen benutzt man diesen Code:
Code: Alles auswählen
[video width=400 height=350]http://www.youtube.com/v/Video ID[/video]
Mein Forum: http://astrofan.kostenloses-forum.be
Das Forum für jedermann. Tiereecke, Reden, Hilfe für Themen und vieles mehr!
Benutzeravatar
Incognito
Lehrling
Lehrling
 
Beiträge: 19
Registriert: 01.2007
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Beitrag#2von Incognito » 22.01.2007 18:34

Danke :D
Ihr könnt (wenn ihr wollt) die Anleitung gerne in euer Forum kopieren. Wenn ihr dazu das Orginal braucht, (das was man im Editor schreibt) sagt es mir bitte.
Mein Forum: http://astrofan.kostenloses-forum.be
Das Forum für jedermann. Tiereecke, Reden, Hilfe für Themen und vieles mehr!
Benutzeravatar
Incognito
Lehrling
Lehrling
 
Beiträge: 19
Registriert: 01.2007
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Re: BBCode- Eine Anleitung

Beitrag#3von michi70 » 18.06.2007 01:26

ich habe die suche bemüht, bin dort aber leider nicht fündig geworden:

4.) Real Media File einfügen:
Um ein Real Media File einzufügen gibt es diesen Code:
Code: Alles auswählen
[ram width=220 height=140]URL[/ram]


dieser code funktioniert bei mir leider nicht. ich habe es schon mit diversen .ram- und .rm-files ausprobiert - leider wird jedoch immer nur der code angezeigt statt des videofensters. kann mir da jemand raten?
es sieht bei mir folgendermaßen aus:






Diese Signatur ist eine Lüge.

Mein Forum
Benutzeravatar
michi70
Auszubildender
Auszubildender
 
Beiträge: 31
Registriert: 06.2007
Barvermögen: 99,80 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben
Deine Foren-URL: http://hideout.phpbb6.de/

Re: BBCode- Eine Anleitung

Beitrag#4von Player_M » 18.06.2007 14:13

#ed_op#P#ed_cl#
Incognito hat geschrieben:#ed_op#BR#ed_cl#3.Beispiel: Unterstrichener Text:#ed_op#BR#ed_cl#Um einen Text zu unterstreichen, muss man zwischen den folgenden Code den Satz schreiben:#ed_op#BR#ed_cl#
Code: Alles auswählen
[u]Ein Beispiel[/u]
#ed_op#BR#ed_cl#Demo: [u]Unterstrichener Text[/#ed_op#STRONG#ed_cl#b#ed_op#/STRONG#ed_cl#]
#ed_op#/P#ed_cl##ed_op#P#ed_cl#Des mit dem #ed_op#U#ed_cl#unterstreichen#ed_op#/U#ed_cl# funktioniert bloß wenn du das #ed_op#STRONG#ed_cl#b #ed_op#/STRONG#ed_cl#gegen ein #ed_op#STRONG#ed_cl##ed_op#U#ed_cl#u#ed_op#/U#ed_cl##ed_op#/STRONG#ed_cl# nimmst :wink:#ed_op#/P#ed_cl##ed_op#DIV#ed_cl##ed_op#/DIV#ed_cl##ed_op#DIV#ed_cl##ed_op#/DIV#ed_cl#
Benutzeravatar
Player_M
Auszubildender
Auszubildender
 
Beiträge: 40
Registriert: 05.2007
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben

Beitrag#5von Dominik » 16.03.2008 15:56

Ich habe mal eine Anleitung für den Editor für das phpBB3 geschrieben:
Der Editor
Man braucht ihn, um mit anderen in diesem Forum - zum Beispiel bei dem erstellen von Themen(Threads, Topics), Beiträgen(Postings, Posts) und Privaten Nachrichten(PN[=Private Nachricht] oder PM[=Privat message]) - zu kommunizieren(reden).

Bei "Betreff" muss man man den Titel bei einem neuen Thema oder einer neuen PN(Bei ihr muss man auch noch weiter oben den Empfänger und ein Symbol angeben) eingeben.
Bei Beiträgen kann man einen Titel angeben.
Ein Titel(Betreff) sollte nicht zu lang sein und den Inhalt gut, aber präzise beschreiben.
Unter dem Betreff gibt es eine Reihe mit 10 Buttons und der Schriftgröße. Damit macht man den sogenannten BB-Code. BB-Code ist sowas wie eine Programmiersprache, nur halt sehr einfach und nicht so funktionell.
Um einen von diesen anzuwenden, gibt es 2 Möglichkeiten:
  • 1. Man markiert einen geschriebenen Text mit der Maus (links-unten vom Text klicken und nach recht-oben gedrückt ziehen, dann loslassen) und drückt dann einen Button.
  • 2. Man drückt einfach auf einen Button.

Es erscheint so etwas:
Code: Alles auswählen
[b][/b]

oder so etwas:
Code: Alles auswählen
[b]Text[/b]

Was zwischen den [eckigen Klammern] steht ist je nach dem gedrücktem Button unterschiedlich. Nach dem Text kommt zwischen den [eckigen Klammern] einfach nur noch ein / dazu.

Nun kommen wir zu den Funktionen der Buttons in der oberen Reihe unter dem Betreff. Ich nummeriere sie von links nach rechts.
1. Text fett machen
Code: Alles auswählen
[b]Fetter Text[/b]

2. Text kursiv machen
Code: Alles auswählen
[i]Kursiver Text[/i]

3. Text unterstreichen
Code: Alles auswählen
[u]Unterstrichener Text[/u]

4. Zitat
Dominik hat geschrieben:Dies ist ein Zitat
Code: Alles auswählen
[quote="Orginal-Schreiber z.B. Dominik"]Zitat[/quote]

5. Code
Code: Alles auswählen
Dies ist ein Code
Code: Alles auswählen
[code]In einem Code-Feld wird alles angezeigt, wie es ist. Auch der BB-Code.[/code]

6. Liste ohne Nummerierung erstellen.
  • Hausaufgaben
  • Waschen
Code: Alles auswählen
[list]
[*]Hausaufgaben
[*]Waschen
[/list]

7. Liste mit Nummerierung oder Buchstabierung. Es gibt 2 Möglichkeiten.
Einmal eine Liste mit Buchstaben:
  1. Punkt a
  2. Punkt b
Code: Alles auswählen
[list=a]
[*]Punkt a
[*]Punkt b
[/list]

Oder eine Liste mit Zahlen:
  1. Punkt 1
  2. Punkt 2
Code: Alles auswählen
[list=1]
[*]Punkt 1
[*]Punkt 2
[/list]

8.
  • Listenpunkt
9. Bild einfügen
Code: Alles auswählen
[img]Bild-URL[/img]

10. Link
Code: Alles auswählen
[url]Ziel-URL[/url]
oder:
Code: Alles auswählen
[url="Ziel-URL]Zielbeschreibung[/url]


Dann gibt es noch die Schriftgröße.
Code: Alles auswählen
[size=80]Text in der Größe 80[/size]
Alles was über 100 ist, ist größer und alles was unter 100 ist, ist kleiner als normal.

Links vom Textfenster gibt es Smilies. Wenn ihr auf einen klickt erscheint er mit seinem Code da wo der Cursor(Der lange Strich, der da ist wo ihr gerade schreibt oder hinkilckt) ist.

Rechts vom Textfenster gibt es die Schriftfarbe.
Code: Alles auswählen
[color=#FF0000]Gefärbter Text[/color]
Ihr könnt den Code nach dem = verändern, so dass es eine neue Farbe gibt.

Unter dem Textfenster gibt es verschiedene Optionen. Die erkären sich von selbst.

Unter den Optionen gibt es vier Buttons.
"Vorschau": So kann man sehen, wie sein Thema, seine Antwort oder PN aussehen würde.
"Absenden": So sendet man sein Thema, seine Antwort oder PN ab.
"Speichern": So speichert man sein Thema, seine Antwort oder PN in den eigenen Entwürfen. Man kann sie im "Persönlichen Bereich" unter "Gespeicherte Entwürfe verwalten" ansehen und löschen.
"Abrechen": So brecht ihr den Vorgang ab und kommt ins Forum, Thema oder in den "Persönlichen Bereich".

Da drunter kann man einen Dateianhang anfügen und/oder eine Umfrage erstellen.
Wie das funktioniert ist aber in einem anderen Thema erklärt.
Benutzeravatar
Dominik
Foren Benutzer
Foren Benutzer
 
Beiträge: 222
Registriert: 01.2008
Barvermögen: 0,00 Points
Danke gegeben: 0
Danke bekommen: 0x in 0 Post
Geschlecht: nicht angegeben


Zurück zu "phpbb2 - Anleitungen & Tipps"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

phpbb bbcode einfügen

Audio BBcode für phpBB 3

bbcode phbb 2 einen text wandern zu lassen welcher code phpbb3 bbcodes bild video forum html aus bb code in video einfügen anleitung phpbb bbcode persönliche nachricht bb codes youtube videos phpbb3 einfügen von audio bb code phpbb3 bbcode file phpbb 2 bbcodes erstellen anleitung für user youtube videos einfügen phpbb phpbb bbcodes beispiele wie erstellt man bb-codes für phpbb phpbb3 bbcode html bilder ahref text neben video im forum mit bbcode bbcode phpbb2 phpbb bbcode text einbinden phpbb bbcode zentrieren phpbb bbcode erstellen phpbb3 bbcode text unter bild zweiten phpbb bbcode url phpbb3 bbcodes button codes hinzufügen phpbb 2 forum text zentrieren phpbb2 codes
cron