Wie formatier ich meinen Text im Forum und füge Bilder ein?
  • ill66ill66 Januar 2006
    wie schreibe ich so schick formatierten text , wie es die anderen foren-user tun? ich seh ja gar keine knöpfe dafür?

    ganz einfach mittels BB-code.
    ist in bisschen ähnlich wie HTML aber noch simpler.

    voraussetzung ist, dass rechts unter dem nachrichtenfenster ein häkchen auf BBcode gesetzt wird (standardmäßig is das nämlich auf Text.

    [b]blablubb[/b] ergibt dann ein fett geschriebenes blablubb

    [i]blablubb[/i] kursiv

    [img]http://www.homepage.de/bild.jpg[/img] fügt ein bild von angegebener URL ein (du kannst sie zb bei http://imageshack.us hochladen)

    [code]blablibluh[/code] unterlegt den text farbig; kann in ermangelung von quote-tags auch für zitate zweckentfremdet werden

    [url]www.link.de[/url] macht einen link anklickbar (im normalen text-modus sind linksautomatisch anklickbar, im BBcode-mode nicht)
    eleganter ist noch folgende methode:
    [url=http://www.undsoweiter.de]klick mich[/url]

    das sind so die wichtigsten.

    standard-smilies gehen auch, man muss nur die nase weglassen
    :)

    :D

    :(

    ;)

    zb

    P.S.: ich hab diesen beitrag jetzt auf Text-Mode geschaltet, sonst würdet ihr die BB-tags ja nicht sehen. ;)
    in den persönlichen einstellungen (oben) kann man irgendwo auch einstellen, dass der mode beim postings schreiben standardmäßig auf BBcode ist
  • fZapfZap Januar 2006
    hi ill66, dem formatier' und dem benutz' könntest Du noch ein 'e' spendieren ;)

    leider habe ich festgestellt das manche bbcode Ausdrücke nicht richtig funktionieren zum Beispiel 'quote' oder 'url=', das liegt dann wohl an diesem bescheidenen Board. Die Aufzählungslisten funktionieren auch nicht

    - bbcode-Hilfe via phpbb.com: http://www.phpbb.com/support/guide/#section4_2_5
    - textile-Hilfe via textpattern: http://rpc.textpattern.com/help/?item=textile_comments bzw http://textism.com/tools/textile/
    - markdown-Hilfe via daringfireball: http://daringfireball.net/projects/markdown/syntax
  • ill66ill66 Januar 2006
    naja, dashier ist ja keine doktorarbeit, da muss manja nciht so gestelzt daher reden ;)

    abe fzap, wie kriegst du diese zitat- oder codeartigen gebilde hin? [ quote ] isses ja jedenfalls nicht....
  • fZapfZap Januar 2006
    ganz einfach zB so

    [code] cat /etc/fstab [/code]

    höchste zubettgeh-Eisenbahn!
  • ill66ill66 Januar 2006
    ah ok! :) (hattemich grad gewundert, was du hier noch machst! ;))
  • pasqpasq Januar 2006
    das liegt dann wohl an diesem bescheidenen Board.


    ..hey dacht schon ich war der einzige mit dieser meinung,
    es gibt so viele gute geile koplexe, einfache usw. boards,
    warum habt ihr ausgerechnet dieses "lego-board" genommen?

    nicht weil ich gerne mecker sondern eher weil ich neugierig bin.. :)
  • fZapfZap Januar 2006
    ich denke der Admin hat genug mit dem gimp-forum.de zu tun.
  • ill66ill66 Januar 2006
    wiegesagt wird aber sowohl das gimpforum und dieses hier bald/irgendwann auf ne andere software umgestelt --so ist es zumindest geplant ;)
  • ThPThP April 2006
    Grundlegende Textile-Formatierungen

    Textile kann man hier im Forum als Formatierungsart auswählen, wenn man Posts schreibt, hier die grundlegenden Formatierungen. Einige Befehle sind kürzer als bei BBCode und für den einen oder anderen intuitiver zu erfassen und zu benutzen. Man kann mit relativ wenig Text komplexe Posts erzeugen, inklusive Fußnoten, Listen, Überschriften, etc.

    Im hierauf folgenden Post seht Ihr das Ergebnis.

    Überschrift mit Fußnote
    h2. Überschrift mit Fußnote[1]

    Fußnote mitten im Text
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo[2] consequat.

    Geordnete Liste
    # Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    # Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

    Ungeordnete Liste
    * Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    * Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

    "Gefloatetes" Bild (Text/Objekte fließen rechts am Bild entlang) - eingemischtes xHTML


    Absatz rechts ausgerichtet
    p>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, _quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit_ esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat *facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum* formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

    Absatz links ausgerichtet
    p<. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.<br />
    Absatz im Blocksatzt
    p<>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

    Absatz zentriert ausgerichtet
    p=. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

    Horizontale Linie - eingemischtes xHTML



    Fußnoten (mit Link)
    fn1. "Fußnote 1(Link zu http://#)":http://thorstenpeh.de/#

    fn2. Fußnote 2
  • ThPThP April 2006
    h2. Überschrift mit Fußnote[1]

    p. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, _quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit_ esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat *facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum* formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

    p
  • ill66ill66 April 2006
    nur schade, dass unter textile keine smilies funzen ;)
  • ThPThP April 2006
    Das ist zu verschmerzen, denke ich ;-)
  • ThPThP April 2006
    h3. Umflossene Grafiken und Text

    h4. Die Situation

    wenn man eine Grafik von Text umfließen lässt und die Grafik höher ist als der Text, bekommt man hier im Forum ein Problem, weil die Grafik dann nach unten hin in die nexten Beiträge rutscht.

    "Ein Beispiel seht Ihr in dieser Diskussion in unserem Forum":http://inkscapeforum.de/comments.php?DiscussionID=280

    Das "Problem" entsteht durch die umflossene Grafik, die durch das Umfließen aus dem normalen Textfluss genommen wird und deshalb munter weiter in die nexten Beiträge rüber schwappt.

    h4. Die Lösung

    Der Output des Posts nach Durchlaufen des BBCode-/Textile/Markup-Prozessors ist immer HTML, deshalb tritt das "Problem" nicht nur bei Formatierung z.B. mit Textile auf.

    Man füge z.B. folgendes hinter den *umfließenden Text* ein:

    *Beispielaufbau des Posts*
    - Einleitungstext

    - Umflossene Grafik

    - Umfließender Text



    - Weiterer Text

    Der gezeigte Code fügt einfach eine neue Zeile ein, die niemandem weh tut. Es gibt noch weitere Möglichkeiten, die Lösung zu realisieren, mir ging es hier um einen möglichst einfachen Ansatz, nicht darum, einen möglichst eleganten Weg zu gehen.

    h4. Wollen wir mal sehen, ob's klappt

    !http://thorstenpeh.de/uploads/inkscape/inkscape-forum-de/beispiel_grafik-zu-lang_floats.png!


    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.



    Ok, das funzt!
  • ThPThP April 2006
    Kurze Antwort, um zu testen, ob durch den "Trick" die untere Linie des letzten Beitrages verschwindet. Nope, ist noch da, zumindest im Feuerfux 1.5.0.1
  • Magenta April 2006
    Konqueror 3.4.3 auch
  • InkyInky Mai 2006
    Hallo das ist ein %{text-decoration:underline}Test% der Unterstreichung.

    **Wollte nur mal die Fett testen.**
    __Wollte nur mal kursiv testen__

    h2. Gibt es eine Lösung für Zitate mit Textile Syntax?

    p{margin-left:3em; padding:0.8em; border:1px solid black}. ^Zitat:^
    **Wollte nur mal die Fett testen.**
    __Wollte nur mal kursiv testen__

    Hier soll die Box aufhören

    p{margin-left:3em; padding:0.8em; border:1px solid black; background-color:#E3F1FF}. ^Zitat:^
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
  • ThPThP Mai 2006
    h2. Inky,

    was meinst Du damit, "Hört die Box hier auf?"?
  • InkyInky Mai 2006
    Sorry, das war nur ein Test, ob die Umrandung durch einen Zeilenumbruch unterbrochen wird, oder ob der Text weiter in der Umrandung steht.

    Hätte vielleicht das Fragezeichen entfernen sollen. Entschuldigung für das Mißverständnis. !http://www.inkscapeforum.de/images/smilies/biggrin.gif!
  • ThPThP Mai 2006
    h3. Kein Problem :-)
  • ill66ill66 Mai 2006
    ÜBRIGENS:
    bei BBcode ist es nötig, die tags klein zu schreiben!
    das ist der grund, warum bei vielen das einfügen von bildern, die bei imageshack hochgeladen wurden, nicht funktioniert; dort sind die tags nämlich standardmäßig großgeschrieben.
  • InkyInky Juli 2006
    Kleiner BBCode Quote Test:

    ILL66 said:
    Funktionert wohl noch nicht.


    BBCode ListenTest

    • [li]1. Eintrag [/li][li]2. Eintrag[/li][li]3. Eintrag[/li][li]4. Eintrag[/li]
  • flomarflomar Oktober 2006
    BBCode-Firefoxerweiterung

    Da unsere derzeitige Forensoftware noch keine Implementierung von BBCode-Formatierungsbuttons anbietet, kann sich der Firefoxnutzer mit einer von vielen Firefoxerweitungen leicht abhilfe schaffen.

    image

    Somit ließ sich dieser Beitrag mit Hilfe weniger Mausklicks, binnen kürzester Zeit erstellen.

    Ich nutze derzeit die Erweitung von Jed Brown die hier zum Download bereitsteht image

    Viel Spass beim Posten, Flo
  • needcoffee Oktober 2006
    Funktioniert leider nicht bei mir. Mir wird gesagt die Extension ist nur bis Version 1.4 kompatibel, aber ich denke das liegt am Linux. Mal schauen ob es da eine Alternative gibt, ist ja recht funktionell. Danke für den Tipp.
  • flomarflomar Oktober 2006
    Die Extension funktionierte bei mir nach dem Update auf Firefox 2 auch nicht mehr, daher hab ich diese Alternative gewählt.
  • needcoffee Oktober 2006
    danke für den Tipp, funktioniert super :)
  • ill66ill66 Oktober 2006
    jau, die benutz ich auch schon ne ganze weile. kann man nur empfehlen :)

Hey Fremder!

Sieht so aus als wenn du neu hier bist. Wenn du mitmachen willst, drücke einen dieser Buttons!

In dieser Diskussion