[WBB 2] BBCode Buttons einfügen

Tutorial "BBCode Buttons einfügen"

Zitat:

Zitat von wm2k6: (...) Jetzt hätte ich aber noch eine Bitte und zwar habe noch einen super Hack gefunden, den ich auch schon verwende nur bräuchte ich eine Anleitung um einen Button in den bbcode_buttons zu setzen. Der Hack heißt EDIT BBCode wären Sie so nett und könnten mir da weiterhelfen und mir den Code der Language und den bbcode_button dazu schreiben würden. (...)

Ich helfe immer gerne - so lange es meine Zeit zulässt -, also habe ich mich der Frage mal angenommen:

Im Grunde ist es denkbar simpel einen Button für einen gewissen Code einzufügen. Man kann immer nach folgender Anleitung vorgehen; es sei denn es ist ein spezieller Code, der mit mehr als dem Tagsetzen funktioniert (Beispiel URL Code).

Beispiel:

code: 1: <img src="{$style['imagefolder']}/bbcode_spoiler.gif" alt="{$lang->items['LANG_POSTINGS_BBCODE_SPOILER']}" title="{$lang->items['LANG_POSTINGS_BBCODE_SPOILER']}" border="0" onclick="bbcode(document.bbform,'SPOILER','')" onmouseover="this.style.cursor='hand';" />

• Das bbcode_spoiler.gif ist das GIF, welches im Endeffekt den Button darstellt.
  
• Das {$lang->items['LANG_POSTINGS_BBCODE_SPOILER']} ist die Sprachvariable für den "alt"-Code, d.h. wenn das Bild nicht geladen werden kann, wird der in der Sprachvariable angegebene Text als Alternative angezeigt. Ebenso wird der eingegebene Text angezeigt, wenn man mit der Maus auf einen Button zeigt (Beispiel: Hier im Forum; Antwort erstellen)
  
• document.bbform,'SPOILER', ist der Teil des Codes, der den jeweiligen BBCode einfügt; hier SPOILER.
  

Schritt für Schritt Anleitung:

• Gehe ins ACP und klicke auf Sprachvariable erstellen.
  
• Wähle unter "Kategorie:" das Feld postings aus.
  
• Gib unter "Sprachvariable:" folgendes ein: LANG_POSTINGS_BBCODE_XY (Achtung! 'XY' wird durch einen Begriff ersetzt, der zum Hack passt; im Beipspiel Spoiler)
  
• Bei "Textinhalt:" muss nun eine kleine Beschreibung eingegeben werden (Im Beispiel Spoiler-Code: verdeckter Text)
  
• Nun speichern.
  
• Jetzt muss der HTML-Code angepasst werden!
  
• Lade das GIF (den "Button") ins Bilderverzeichnis hoch und füge den Pfad bzw. Namen in den Code ein (oben bbcode_spoiler.gif)
  
• Nun die Sprachvariable für den "alt"-Tag einfügen (oben {$lang->items['LANG_POSTINGS_BBCODE_SPOILER']} )
  
• Gleiches nochmal für den "title"-Tag machen.
  
• Jetzt muss der einzufügende BBCode angepasst werden (oben document.bbform,'SPOILER',)
  
• Nun ist der Code fertig und muss in die passende Stelle in der bbcode_buttons.tpl eingefügt werden.
  
• Öffne über das ACP die bbcode_buttons.tpl über den Befehl Templates bearbeiten.
  
• Suche die passende Stelle aus; z.B. nach dem BBCode für den PHP-Tag (dieser endet nach folgendem Code onclick="bbcode(document.bbform,'PHP','')" onmouseover="this.style.cursor='hand';" />)
  

Der fertige Code für wm2k6 sieht dann wohl in etwa so aus: (habe leider nur wenige Angaben zum Hack, also basiert das auf Vermutungen)

code: 1: <img src="{$style['imagefolder']}/bbcode_edit.gif" alt="{$lang->items['LANG_POSTINGS_BBCODE_EDIT']}" title="{$lang->items['LANG_POSTINGS_BBCODE_EDIT']}" border="0" onclick="bbcode(document.bbform,'EDIT','')" onmouseover="this.style.cursor='hand';" />

Natürlich muss die Sprachvariable noch erstellt werden.

Ich hoffe das Tutorial hilft.

Quelle: Match87.de

Hallo Match!

Dieses Bildverzeichnis kann ich leider im ACP nicht finden..
Das was ich gefunden bzw. gesehen habe sind Avatare sowie Smilies.
Wo ist denn dieses Verzeichnis abgelegt worden zum Hochladen des Buttons?

Schöne Grüße

e-abi

Dieses Tutorial ist auch nur ausschließlich für das WBB2 gedacht

Zitat:

Original von e-abi Hallo Match! Dieses Bildverzeichnis kann ich leider im ACP nicht finden.. Das was ich gefunden bzw. gesehen habe sind Avatare sowie Smilies. Wo ist denn dieses Verzeichnis abgelegt worden zum Hochladen des Buttons? Schöne Grüße e-abi

Mit ['imagefolder'] ist nicht ein Bildverzeichniss im ACP gemeint sondern das ist das imagesverzeichnis was in deinem Designpack angegeben ist

z.B. www.deineurl.de/wbb/images/deinstyle/bbcode_spoiler.gif

danke erst einmal für eure antworten.
aber ehrlich gesagt ich weiß immer noch nicht wohin ich mein gif datei bzw. den button hochladen soll.

wenn ich den code in den bbcodes ( templates ) eingebe,funktioniert
soweit alles.
mein problem ist jedoch der angezeigte button. der button ist kein button, sondern ein eigerahmtes x.
ich verwende die 2.3..... wbb software.

mfg
e-abi

Zitat:

Original von e-abi ich verwende die 2.3..... wbb software.

->Freischalten

Wie müsste man das denn machen, wenn man das wie bei der URL haben möchte.

Ich möchte den Amazon-Tag einbauen.

Dazu würde es mir reichen, wenn das BBCode Button einfach [amazon][/amazon] einfügen würde.

Super wäre natürlich, wenn erst noch eine Eingabeaufforderung für die ASIN Code kommen würde und er dann gleich [amazon]~ASIN CODE~[/amazon] schreiben würde.


Ich hoffe das mir jemand helfen kann.

Mag sein das ich gerade auf dem Schlauch stehe, aber ich habe versucht einen Button für den [align=justify] Code zu erstellen nur leider klappt das nicht. Bin dem Beispiel von oben gefolgt....

[code]<img src="{$style['imagefolder']}/bbcode_justify.gif" alt="{$lang->items['LANG_POSTINGS_BBCODE_align=justify']}" title="{$lang->items['LANG_POSTINGS_BBCODE_align=justify']}" border="0" onclick="bbcode(document.bbform,'align=justify','')" onmouseover="this.style.cursor='hand';" />[/code]

habe es aber auch so versucht

[code]<img src="{$style['imagefolder']}/bbcode_justify.gif" alt="{$lang->items['LANG_POSTINGS_BBCODE_JUSTIFY']}" title="{$lang->items['LANG_POSTINGS_BBCODE_JUSTIFY']}" border="0" onclick="bbcode(document.bbform,'JUSTIFY','')" onmouseover="this.style.cursor='hand';" />[/code]

Der Button erscheint auch, aber es wird nicht richtig geschlossen.

anstelle das es mit [/align] beendet wird, erscheint [/align=justify] und so gehts ja nicht. Wäre nett, wenn mir da jemand auf die Sprünge helfen könnte.

LG Nema