bbcoode3

[DoctorUltra]

Kann man im BBcode 3-Mod eine Möglichkeit des INDENT mit einbauen?

[4seven]

bbcode

Code: Alles auswählen

[indent={NUMBER}]{TEXT}[/indent]

html-ersetzung

Code: Alles auswählen

<span style="padding-left: {NUMBER}px;">{TEXT}</span>

benutzung dann zb

Code: Alles auswählen

[indent=30]dein posting[/indent]

darüber hinaus

Anleitung zum hinzufügen von BBCodes + eigenen Buttons zur BBCodeBox3

Ein (praktisch-anschauliches) Beispiel dazu > Hinzufügen von DivX

[DoctorUltra]

Jetzt habe ich natürlich folgendes Problem das ich keinen kompletten Text einrücken kann, gibt es da einen Tipp?

[piero]

dazu kannst du entweder einen neuen bbcode tag erstellen oder den bestehenden verändern.

neuer bbcode tag:

Code: Alles auswählen

[indent_block={NUMBER}]{TEXT}[/indent_block]

html ersetzung

Code: Alles auswählen

<div style="padding-left: {NUMBER}px;">{TEXT}</div>

beuntzung:

Code: Alles auswählen

[indent_block=50]
zeile 1
zeile 2
...
[/indent]

oder du kannst auch die html-erstzung des alten tags modifizieren:

Code: Alles auswählen

<div style="padding-left: {NUMBER}px;">{TEXT}</div>

ist beides ungetestet...

[DoctorUltra]

danke funktioniert, ihr seit echt schnell

[piero]

np^^
ich hab ausnahmweise mal zuviel zeit...^^

[DoctorUltra]

Das ein zigste was noch das Problem ist, das er bei mehrfach einrücken immer einen großen Absatz macht?

1.xxxxx


2.xxxxxxxx


3.xxxxxxxxxxxx
fjdljfdljfdkajfdl

[piero]

das forum erstellt nach dem bbcode einen zeilenumbruch, weil du es auch so im editor gemacht hast...

Code: Alles auswählen

[indent=x]text1[/indent]
[indent=x]text2[/indent]

du müstest es auf einer zeile schreiben...

Code: Alles auswählen

[indent=x]text1[/indent][indent=x]text2[/indent]

... was aber bei viel text nicht schön aussieht.


ich habe noch einen css trick auf lager.. allerdings weiss ich nicht ob der mit dem internet explorer auch funktioniert (kanns auch nicht testen, weil er futsch ist )

neue html-ersetzung:

Code: Alles auswählen

<div style="padding: 0px 0px 0px {NUMBER}px; display:inline-block;">{TEXT}</div>