Match 
Webdesign
Dabei seit: 26.12.04
Beiträge: 147
Fähigkeiten: WBB3 Fortgeschritten; WBB2 Fortgeschritten
Herkunft: Würzburg
Forenversion: 3.0; 2.3
 |
|
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
__________________
Mit freundlichen Grüßen,
Match
"Ich weiß, dass ich nicht weiß" (Platon)
Mögliche Systeme:
OS: Windows XP SP3 // Windows Vista // Ubuntu 8.10 Auflösung: 1280x1024 // 1280x960 // 1280 x 1024 Browser: Firefox 3
|
|
09.12.06 15:56 |
E-Mail
WWW
Finden
Als Freund hinzufügen
|
|
e-abi
Mitglied
Dabei seit: 10.12.06
Beiträge: 2
|
|
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
|
|
|
23.12.06 08:57 |
E-Mail
Finden
Als Freund hinzufügen
|
|
Ghostmaster
Das Böse
Dabei seit: 17.01.04
Beiträge: 6.440
Fähigkeiten: WBB2 Profi
Forenversion: 2.3
|
|
Dieses Tutorial ist auch nur ausschließlich für das WBB2 gedacht 
|
|
|
23.12.06 09:51 |
Finden
Als Freund hinzufügen
|
|
Indeep
Mitglied
Dabei seit: 26.08.04
Beiträge: 419
Herkunft: Berlin
Forenversion: 2.3
|
|
| 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
|
|
|
23.12.06 11:20 |
E-Mail
Finden
Als Freund hinzufügen
|
|
e-abi
Mitglied
Dabei seit: 10.12.06
Beiträge: 2
|
|
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
|
|
|
24.12.06 01:36 |
E-Mail
Finden
Als Freund hinzufügen
|
|
24Bytes
Der Coolste
Dabei seit: 19.07.06
Beiträge: 2.909
Fähigkeiten: WBB3 Anfänger; WBB2 Profi; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: 3.0; 2.3
|
|
|
|
24.12.06 12:29 |
E-Mail
Finden
Als Freund hinzufügen
|
|
|
