Angepinnt Besondere BBCodes im Forum

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

  • Besondere BBCodes im Forum

    Hier ein Beispiel für eine Tabelle:

    Update: Bitte beachtet den Post weiter unten, um mehr über die erleichterte schreibweise des table-Tags zu erfahren!
    [center]
    Kurze Linke Tabellenspalte. In der rechten Tabellenspalte steht nun dieser Text.
    Dies ist ein Bild vom Panda!
    [/center]
    Nachfolgend der verwendete BBCode für dieses Beispiel:

    Quellcode

    1. [TABLE][TR][TD=030]Kurze Linke Tabellenspalte.[/TD][TD=400]In der rechten Tabellenspalte steht nun dieser Text.[/TD][/TR][TR][TD][IMG]http://dotasource.de/images/di_icons/heroes/mangix.gif[/IMG][/TD][TD]Dies ist ein Bild vom Panda![/TD][/TR][/TABLE]


    Einige Erklärungen zu dem Code:
    1. Table öffnen mit

      Quellcode

      1. [TABLE]
      , danach erst eine Zeile deklarieren mit

      Quellcode

      1. [TR]
      , dann erst eine Spalte öffnen mit

      Quellcode

      1. [TD]


    2. TD wird entweder mit einem Zahlenparameter aufgerufen, also z.b.

      Quellcode

      1. [TD=030]
      steht für eine 30pixel breite Tabellenspallte,

      Quellcode

      1. [TD=400]
      für eine 400pixel breite Spalte. Der maximale Wert ist 999, der minmale ist 000. Bitte immer DREI Ziffern angeben, also einen Wert kleiner <100 also so: 034

    3. oder TD wird ohne einen Zahlenparameter aufgerufen, also z.b.

      Quellcode

      1. [TD]
      für eine Tabellenspalte ohne Angabe einer bestimmten Breite

    4. Nicht vergessen hinterher die geöffneten Codes wieder zu schließen! Also alle

      Quellcode

      1. [/TD] bzw. [/td] (wenn ihr eine Breite angegeben habt)
      schließen, alle

      Quellcode

      1. [/TR]
      schließen und ganz am Ende den Table schließen

      Quellcode

      1. [/TABLE]


    Und macht einen Leerschritt (Leertaste) zwischen jeder BBCode Anweisung und benutzt KEINE Zeilenumbrüche (drücken der Return Taste) während der Tabellenformatierung, sondern benutzt nur jene, die das Forum automatisch macht!


    Allgemein ist festzuhalten, dass sich diese BBCode Befehle nun genauso verhalten wie ihre HTML Pendants, sprich wenn ihr mehr über tables lernen wollt, so sucht am besten per Google nach SELFHTML table !

    Für Fragen zu diesen neuen Codes stehen die Admins jederzeit zur Verfügung, wenn ihr euch bei der Verwendung der Table Befehle nicht sicher seid, so fragt VOR dem Posten einen der Admins, ob Euer Code so stimmt!
    Ansonsten könnte Euer Thread in einem ziemlichen Chaos enden und sieht dann auf keinen Fall so aus, wie ihr das haben wollt. Also wenn ihr nicht sicher seid, wie man die Befehle korrekt verwendet, bastelt es erst mit Word und postet uns dann in einer PN, wie ihr das machen wollt! Oder schickt uns die .doc Datei!
  • Sprungmarken - Anker

    Und hier nun mal ein "benutzbares" Beispiel einer Sprungmarke:

    Sprungmarke zum Ende dieses Beitrages!

    Quellcode

    1. [ANKERTOP=a1]Dies ist der ANKER-Link.[/ANKERTOP]
    2. Nun kann eine Menge normaler Guide Text folgen oder was auch immer und nun soll das Ziel der Sprungmarke folgen.
    3. Dazu nun folgendes benutzen:
    4. [ANKER=a1][/ANKER]Genau hierhin wird nun gesprungen! In die Zeile, wo der ANKER Befehl folgt, der die gleiche Zahl haben muss wie ANKERTOP.
    5. Weitere Sprungmarken lassen sich logischerweise durch die Verwendung anderer Ziffern realisieren!
    6. Zwischen dem [ANKER=Ziffer] und dem schließenden [/ANKER] muss nichts stehen, es wird einfach ignoriert, falls etwas dort steht.














    Hierher springt die Sprungmarke!
    Update by B2F: Bitte beachtet, dass die Ankernamen mit einem Buchstaben beginnen müssen, wie z.B. "a1", da der code sonst nicht vailides XHTML ist und in verschiedenen Browsern zu Fehlern führen kann!
  • Ein Hinweis für den Farb-Code COLOR, mit dem ist es auch jetzt schon möglich HTML HEX-Farbcodes im Forum zu benutzen, so dass man nicht auf die vorgegebenen Farben in dem Drop-Down Menü angewiesen ist!

    Ein Beispiel:

    Dies ist ein farbiger Text !


    Quellcode

    1. [COLOR=#FFFFFF]Dies ist ein weißer Text ![/COLOR]


    Hier noch zwei Links für eine breitere Farbpalette und die dazugehörigen HEX-Codes:

    mediaevent.de/tutorial/farbcodes.html

    fueralles.de/Farbcode-Generator.html
  • Ein weiterer neuer Code ist folgender:

    Quellcode

    1. [URLSELF=http://www.dotainside.de/index.php]Dieser Link öffnet sich im gleichen Fenster, nicht in einem neuen![/URLSELF]


    Beispiel:
    [URLSELF=http://www.dotainside.de/index.php]Dieser Link öffnet sich im gleichen Fenster, nicht in einem neuen![/URLSELF]
  • Und weiterer neuer BBCode ist HRLINE, benutzt wie folgt:

    Quellcode

    1. Einfach zu benutzen per [HRLINE][/HRLINE]
    Das sieht dann so aus: [HRLINE] [/HRLINE] Und nun könnte ein anderes Thema kommen und dann könnte wieder eine Trennungslinie kommen. [HRLINE] [/HRLINE] So viel Spass mit dem neuen Code!
  • Kleines Update hier:

    Wir haben keine Mühen gescheut euch die Bedienung für den table-BBCode zu erleichtern :daumenhoch :
    Es ist nun möglich, auch Zeilenumbrüche in den tags zu verwenden, um den code beim schreiben übersichtlicher zu halten und womögliche Fehler schneller zu finden.
    Eine Tabelle kann jetzt also z.b. auch in dieser Art geschrieben werden:

    Quellcode

    1. [table]
    2. [tr]
    3. [td=30]Kurze Linke Tabellenspalte.[/td]
    4. [td=400]In der rechten Tabellenspalte steht nun dieser Text.[/td]
    5. [/tr]
    6. [tr]
    7. [td][img]http://dotasource.de/images/di_icons/heroes/mangix.gif[/img][/td]
    8. [td]Dies ist ein Bild vom Panda![/td]
    9. [/tr]
    10. [/table]

    Euch sind dabei keine Grenzen gesetzt, jedoch sind Schreibweisen wie

    Quellcode

    1. [tr
    2. ]
    natürlich weiterhin nicht möglich ;)
    Die TD-Breite müsst ihr nicht mehr dreistellig angeben, ein "TD=30" funktioniert genauso wie ein "TD=030" (fall eine benutzerdefinierte Breite gewünscht, sonst Parameter weglassen).

    Desweiteren ist eine kleine Syntax"prüfung" eingebaut worden, d.h. ihr könnt nicht mehr einfach einen [td]-Tag schreiben der sich nicht innerhalb eines [tr]-Tags befindet.
    Soetwas ist also z.B. nicht mehr möglich (es würde sonst zu Darstellungsfehlern führen):

    Quellcode

    1. [table][/tr][tr][td][/td][/table]
    und führt dazu, dass die BBCodes als Plaintext angezeigt werden:
    [table][/tr][tr][td][/td][/table]

    Die alte Schreibweise ohne Zeilenumbrüche funktioniert natürlich weiterhin, es kann jedoch sein, dass einige Tables die früher angezeigt sind jetzt aufgrund von Syntaxfehlern als Plaintext angezeigt werden.
    Falls ihr mehr über Tabellen und ihre Schreibweise erfahren möchtet, empfehle ich euch diesen Link. Hierbei handelt es sich jedoch um richtige HTML-Tables, die mit < bzw. > Zeichen statt [ + ] definiert werden, doch der Link bietet eine gute Einführung in den korrekten Aufbau einer Table

    Gruß
  • Benutzer online 1

    1 Besucher