Angepinnt Guide zu besonderen BBCodes im Forum

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Guide zu besonderen BBCodes im Forum

      Guide zu besonderen BBCodes im Forum


      Inhalt:

      Unterpunkte
      obere Menüleiste
      Ankerlinks
      untere Menüleiste

      [hrline][/hrline]

      1. Unterpunkte:

      1.1. Themenstatus:
      Hier kann man als normaler User nur "Normal" auswählen. Mods haben zusätzlich die Möglichkeit Threads als "wichtig" oder als "Ankündigung" zu schreiben, wobei es möglich ist die Ankündigung auch auf bestimmte Foren zu beschränken.


      1.2. Beitragsinformationen:
      Dieses Feld beinhaltet lediglich die Überschrift, die man seinem neu erstellten Thread gibt. Man kann auch einzelnen Beiträgen Überschriften geben, um seinen Beitrag vorher schon mal zusammenzufassen.


      2. obere Menüleiste:

      2.1. Editor/Quellcode

      Zunächst kann man entscheiden, ob man die "Editor"-Form nimmt oder sich den Quellcode anzeigen lässt. Der Editor formatiert einige Quellcodes schon in die Anzeigeform, sodass z.B. Bilder direkt angezeigt werden. Ich empfehle hier jedoch die Quellcode-Anzeige.


      2.2. Schriftformatierung

      In der nächsten Zeile findet man Möglichkeiten seinen Text zu verändern, indem man Schriftart oder Größe ändert oder bestimmte Textpassagen hervorhebt indem man sie fett, kursiv, unterstrichen oder durchgestrichen schreibt. Die Codes hierfür wären:

      Quellcode

      1. [b]fett[/b], [i]kursiv[/i], [u]unterstrichen[/u] oder [s]durchgestrichen[/s]


      Man kann bei allen Befehlen auch einfach den Text markieren und dann auf die entsprechende Schaltfläche klicken um den Text zu formatieren.
      Weiterhin kann man auch die Schriftfarbe verändern indem man ganz rechts eine Farbe aus der Farbpalette auswählt. Hierbei gibt es die Möglichkeiten entweder den Farbcode oder direkt eine Farbe (in Englisch) anzugeben. Rot bekommt man z.B. mit folgenden Befehlen:

      Quellcode

      1. [color=#ff0000]Rot[/color] oder [color=red]Rot[/color]


      In normalen Beiträgen sollte man Schriftgröße, -art und -farbe so belassen und Hervorhebungen durch Fett, Kursiv und Unterstrichen darstellen. In größeren Guides oder Beiträgen, die ausführlicher werden kann die Verwendung von Farben und unterschiedlichen Schriftgrößen den Guide/Beitrag durchaus optisch verbessern.


      2.3. Textformatierung

      Außerdem gibt es wie in den meisten Textbearbeitungsprogrammen auch die Möglichkeit Texte
      linksbündig

      rechtsbündig

      zentriert

      oder als Blocksatz zu schreiben


      Die Codes hierfür sind:

      Quellcode

      1. [align=left]linksbündig[/align]
      2. [align=right]rechtsbündig[/align]
      3. [align=center]zentriert[/align]
      4. [align=justify]oder als Blocksatz zu schreiben[/align]


      Außerdem sind noch Aufzählungen möglich:
      • eins
      • zwei
      • drei

      1. eins
      2. zwei
      3. drei


      Die Codes hierfür sind:

      Quellcode

      1. [list][*]eins
      2. [*]zwei
      3. [*]drei
      4. [/list]
      5. [list=1][*]eins
      6. [*]zwei
      7. [*]drei[/list]


      In der zweiten Zeile findet man zunächst die Befehle "Rückgängig" und "Wiederherstellen", die genau das machen was dort steht.


      2.3.1. Verschiedene Code-Highlights

      Wer sich damit auskennt kann auch mit folgenden Befehlen arbeiten:

      Quellcode

      1. HTML:
      2. [code=html]<strong>Hallo Welt</strong>


      Java:

      Java-Quellcode

      1. import java.io.PrintWriter;


      javascript:

      JavaScript-Quellcode

      1. alert "hallo welt"


      MySQL:

      SQL-Abfrage

      1. SELECT * FROM tabelle


      PHP:

      PHP-Quellcode

      1. echo $php


      XML

      XML-Quellcode

      1. <root><value1>hey</value1></root>
      [/code]

      2.4. Links, Bilder und Videos

      Bei Links gibt es die Möglichkeit optional einen Linknamen anzugeben, ansonsten wird nur die Adresse angezeigt: DotASource oder dotasource.de/index.php?Index

      Quellcode

      1. [url='http://dotasource.de/index.php?Index']DotASource[/url] oder [url]http://dotasource.de/index.php?Index[/url]


      Bilder fügt man ein, indem man sie irgendwo uploaded und dann die Adresse des Bildes einfügt.

      Quellcode

      1. [img]http://img22.imageshack.us/img22/4294/icefrogoriginallogo.jpg[/img]


      Videos:
      Derzeit ist es möglich Videos verschiedener Plattformen einzufügen. Dabei können folgende Codes verwendet werden.

      Quellcode

      1. [media][url]Link zu Youtube-Video[/url][/media]
      2. [media]ID[/media]
      3. [media]ID[/media]
      4. [media]ID[/media]
      5. [media]ID[/media]
      6. [media]ID[/media]



      2.5. Zitate und Code

      Zitate fügt man über die Zitatfunktion ein. Auch hier gibt es verschiedene Möglichkeiten. Man kann einerseits ein Zitat ganz normal in eine Zitatbox schreiben mit
      Zitat
      oder detailliertere Informationen zur Quelle des Zitats (als Text oder auch Link) einfügen indem man

      Autor schrieb:

      Zitat
      oder

      DS schrieb:

      Zitat
      verwendet.
      Codes:

      Quellcode

      1. [quote=Autor]Zitat[/quote] oder [quote=DS,'http://dotasource.de/index.php?Index']Zitat[/quote]


      Die Funktion "Code" hab ich hier schon mehrere Male verwendet und verhindert die Umwandlung von Quellcodes in die entsprechenden Formatierungen.
      Die Funktion "Anführungszeichen einfügen" erklärt sich von selbst.


      2.6. Tabmenü

      Ein Tabmenü in der Form: erstellt man mit diesem Code:

      Quellcode

      1. [tabmenu][tab=Überschrift 1]Text1 [tab=Überschrift 2]Text 2[/tabmenu]


      Innerhalb der Überschriften und Texte sind auch wieder alle anderen Formierungen möglich. Tabmenüs in Tabmenüs funktionieren jedoch nicht.


      2.7. Tabellen

      Eine Tabelle in dieser Form:
      Zeile 1 Spalte 1 Zeile 1 Spalte 2
      Zeile 2 Spalte 1 Zeile 2 Spalte 2

      erstellt man folgendermaßen:

      Quellcode

      1. [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]


      Damit sollte zunächst einmal geklärt sein, was Zeilen und was Spalten sind. Um eine Tabelle anzufangen und abzuschließen benutzt man die Tags

      Quellcode

      1. [table] und [/table]
      . Diese werden an den Anfang und an das Ende gesetzt. Für eine neue Zeile braucht man

      Quellcode

      1. [tr] und [/tr]
      und für jedes "Kästchen" nutzt man

      Quellcode

      1. [td]Text[/td]
      .
      Der Text kann auch wieder alle Formatierungen enthalten. Hierbei funktionieren auch Tabmenüs in Tabellen, als auch Tabellen in Tabellen, wobei bei letzterem der Rahmen der inneren Tabelle nicht mehr richtig angezeigt wird.
      Um mehr Übersicht in seinen Quelltext zu bekommen kann man auch zwischen den einzelnen Befehlen neue Zeilen nutzen, was dann in etwa so aussehen könnte:

      Quellcode

      1. [table]
      2. [tr]
      3. [td]Zeile 1 Spalte 1[/td]
      4. [td]Zeile 1 Spalte 2[/td]
      5. [/tr]
      6. [tr]
      7. [td]Zeile 2 Spalte 1[/td]
      8. [td]Zeile 2 Spalte 2[/td]
      9. [/tr]
      10. [/table]


      Die Spaltengröße lässt sich noch in Form in einer Pixelgröße festlegen:

      Quellcode

      1. [td=200]Text[/td]

      gibt also eine Spalte, die 200 Pixel breit ist.
      Gibt man keine Breite so passt sich die Tabelle automatisch an Textlänge und Bildschirmgröße an, was auch in dem meisten Fällen empfehlenswert ist.


      2.8. Ankerlinks

      Ankerlinks sind Links, die innerhalb eines Beitrags oder Threads (also auch Beitrag-übergreifend) gesetzt werden können. Beim Anwählen eines Ankerlinks kommt man automatisch an die Stelle, wo der Link hinführt. Dies kann die Übersicht von Guides stark erhöhen, indem man z.B. vom Inhaltsverzeichnis zu dem einzelnen Punkt springt (wie auch schon in diesem Guide) und auch entsprechend zurückkommen kann.
      zurück zum Inhaltsverzeichnis <- zum Testen
      Hinweis: Bitte beachtet, dass die Ankernamen mit einem Buchstaben beginnen müssen, wie z.B. "a1", da der Code sonst nicht valides XHTML ist und in verschiedenen Browsern zu Fehlern führen kann!
      Der Code für den Ankerlink wäre:

      Quellcode

      1. [ankertop=1]Text[/ankertop]


      Das Ziel für den Anker mit der Nummer 1 wird folgendermaßen gekennzeichnet:

      Quellcode

      1. [anker=1][/anker]


      Den "Ankertop"-Befehl kann man mehrmals verwenden, um zum selben Zielpunkt zu gelangen (z.B. das Inhaltsverzeichnis).


      2.9. Sonstige

      Maps:
      Mit der Map-Funktion (Globus in der Leiste) kann man sich Orte anhand der Google-Map anzeigen lassen (wie auch im Profil)

      Quellcode

      1. [map]Berlin[/map]

      zeigt z.B. tatsächlich Berlin an. Prinzipiell sollte das auch mit Koordinaten oder Adressen funktionieren.

      hrline:
      Dieser Befehle fügt eine durchgezogen Linie über die gesamte Spalte ein, wodurch man z.B. einzelne Themen voeinander trennen kann.

      Quellcode

      1. [hrline][/hrline]


      Spoiler:
      Spoiler wie diesen hier: fügt man mit diesem Code ein:

      Quellcode

      1. [spoiler]Spoiler[/spoiler]

      Man kann auch einen Text in die Spoilerzeile schreiben:
      Text
      Spoiler

      Quellcode

      1. [spoiler=Text]Spoiler[/spoiler]


      Wiki:
      Begriffe die man in Wikipedia nachschlagen kann, kann man folgendem Befehl ganz einfach verlinken:

      Quellcode

      1. [wiki]Begriff[/wiki]


      User:
      Wenn man das Profil von DotASource-Usern verlinken will kann man dies so machen:

      Quellcode

      1. [user]Name[/user]


      [hrline][/hrline]

      3. unteres Tabmenü

      3.1. Smileys

      Im Menü Smileys findet man neben Smileys auch fast alle Bilder, die irgendwie in DotA zu finden sind, also auch alle Helden mit ihren Spells, alle Items und sogar die neutralen Creeps mit ihren Fähigkeiten. Alle Bilder gibt es in 2 verschiedenen Größen.


      3.2. Einstellungen

      Die einzelnen Punkte erklären sich von selbst.


      3.3. Dateianhänge

      Datei, die größer als 10 MB sind oder eine andere Dateiendung haben, sollte man extern hochladen und dann verlinken.


      3.4. Umfragen

      Auch hier sind die Beschreibungen selbsterklärend.


      3.5. Zitate

      Hier werden Zitate gesammelt die man kurz vorher ausgewählt hat. Wenn man z.B. auf mehrere Beiträge antworten will, bietet es sich an vorher alle Zitate zu sammeln um dann einzeln darauf einzugehen. Die Zitate in diesem Tabmenü können sowohl eingefügt, als auch wieder entfernt werden.

      [hrline][/hrline]

      Kritik, Ergänzungen etc. bitte hier rein. Sollte möglichst komplett sein alles.

      MfG Napo
      Disruptor-Spieler in DotA-Ruhestand. DotAsource-Cardstone-Halbfinalist-Gewinner.
      [23:43:57] <DTS|Dendi> NAPO IS THE BEST!
    • Eeeeeeeh.... mach noch zu Tab folgendes

      Quellcode

      1. [tabmenu][tab='123','http://dotasource.de/wcf/images/avatars/avatar-3932.jpg'] lalala [tab='456','http://dotasource.de/wcf/images/avatars/avatar-3933.jpg']


      lalala



      Also, dass man da Bilder reinpacken kann :D

    • Sind neue BBCodes dazu gekommen:

      own3d.tv

      Quellcode

      1. [own3d]videoID[/own3d]
      2. oder
      3. [own3d='videoID'][/own3d]
      4. Beispiel:
      5. [own3d='78679'][/own3d]
      6. 16:9 Videos einbinden:
      7. [own3d='78679','wide'][/own3d]
      8. Livestreams einbinden:
      9. [own3d='172','live'][/own3d]
      10. 16:9 & livestream:
      11. [own3d='172','wide','live'][/own3d]
      12. oder
      13. [own3d='172','live','wide'][/own3d]
      Alles anzeigen


      xfire.com

      Quellcode

      1. [xfire]videoID[/xfire]
      2. oder
      3. [xfire='videoID'][/xfire]
      4. Beispiel:
      5. [xfire='41f68a'][/xfire]


      justin.tv

      Quellcode

      1. Verlinken eines live streams (channel):
      2. [media]channel[/media]
      3. oder
      4. [media]channel[/media]
      5. Beispiel:
      6. [media]steven_bonnell_ii[/media]

      Quellcode

      1. Verlinken eines Archiv-Videos:
      2. [media]channel[/media]
      3. Beispiel:
      4. [media]steven_bonnell_ii[/media]


      Großes Lob an Ramius! Falls Bugs da sind, bitte melden!
    • Jetzt fehlt nurnoch eine direkte Soundcloud-Einbettung :)

      blog.soundcloud.com/2009/07/28…e-for-soundcloud-bb-code/

      @ Bewertung:
      gibt zig tausend music player die man einbetten könnte

      Seh ich nicht so. Soundcloud wird von unendlich vielen Künstlern verwendet. Es hat Myspace praktisch abgelöst und die Qualität ist auch besser als bei Youtube etc.
      Da es ja anscheinend ziemlich simpel zu integrieren ist (siehe Link) fänd ichs praktisch. Ist natürlich nichts essentielles.

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von iNfamous ()