Bilder, Dateien etc. einfügen (BBCode Anleitung)

Begonnen von Takeshi, 23. Dezember 2008, 14:50:06

Vorheriges Thema - Nächstes Thema

0 Mitglieder und 1 Gast betrachten dieses Thema.

Takeshi

Bilder einfügen
Um ein Bild einzufügen, muss es erst einmal online sein. Das heißt es muss hochgeladen werden. Das kann man z.B. bei ImageShack machen. Diesen Anbieter gibt es schon ewig. Da sind die Chancen groß, dass er noch lange online bleibt.
Der Link zum Bild muss dann mit dem img-Tag (gesprochen "Täg") in den Post eingefügt werden. So könnte ein Post aussehen:
Hier ein Bild von meinem letzten Urlaub:
[img]http://www.meineseite.de/bild.jpg[/img]



Link einfügen
Der Link wird nach dem url= geschrieben. Zwischen die Klammern ] und [ kommt dann das, was angezeigt werden soll, z.B. der Name der Seite, wo der Link hin führt.
Der Code dafür sieht so aus:
Such doch mal bei [url=http://www.google.de/]Google[/url] danach!


Dateien hochladen und einbinden
Die Datei muss ebenfalls erstmal online sein. Hier eine Liste von Anbietern, bei denen Dateien ohne Registrierung hochgeladen werden können. Achtung: Nicht alle bieten die Möglichkeit Bilder direkt einzubinden (Näheres dazu weiter unten)!
- directupload.net (Bilder und PDFs, direkt einbinden möglich)
- www.abload.de (Bilder, direkt einbinden möglich)
- bilder-space.de (nicht getestet)
- pic-upload.de (Bilder, direkt einbinden möglich)
- share-online.biz (Alle Dateien, Einbinden nicht möglich)
- pixstash

Auf den Seiten erhälst du nach dem Upload einen Link zu einer Seite, auf der die Datei dann heruntergeladen werden kann. Den Link fügt man genau so wie jeden anderen Link ein.
Ich hab die Datei bei [url=http://www.share-online.biz/dl/12345678]share-online.biz[/url] hochgeladen.


Bilder mit Vorschau
Kombiniert man den img-Tag mit dem url-Tag, kann man Bilder auch mit einem Vorschaubild versehen.
Wird ein Link zu einem Bild mit einem Text versehen, sähe das so aus:
[url=http://www.meineseite.de/bild_big.jpg]Bild[/url]

Ersetzt man den Text "Bild" durch ein kleines eingefügtes Bild, sieht man dieses kleine Bild als Vorschau
[url=http://www.meineseite.de/bild_big.jpg][img]http://www.meineseite.de/bild_small.jpg[/img][/url]


Youtube-Videos
Youtube Videos einzubinden ist beim ersten Mal nicht so einfach, aber es sieht komplizierter aus, als es ist :)
Auf Youtube unter dem Video gibt es den Button "Weiterleiten". Klicke darauf und es erscheint ein weiterer Button "Einbetten", auf den du ebenfalls klickst. Setze nun das Häkchen bei "Alten Einbettungscode verwenden". Dann bekommst du beispielsweise folgenden Code angezeigt:
Zitat<object width="420" height="345"><param name="movie" value="http://www.youtube.com/v/glZtHuntWAo?version=3&amp;hl=de_DE"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/glZtHuntWAo?version=3&amp;hl=de_DE" type="application/x-shockwave-flash" width="420" height="345" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Klicke im Forum auf den Flash-Button , dir wird nun folgendes angezeigt:
[flash=200,200][/flash]

Kopiere nun die oben durch Unterstreichung markierten Teile in den Code, so dass es dann zum Beispiel so aussieht:
[flash=640,360]https://www.youtube.com/v/glZtHuntWAo[/flash]

Fertig ist der Code für das Video!


Vimeo-Videos
Videos von Vimeo einzubinden funktioniert so ähnlich wie bei Youtube. Im Video gibt es oben rechts den Button "SHARE", nach Klick darauf öffnet sich ein Fenster. Unten gibt es unter "+ Customize embed options" die Option "Use old embed code". Klickst du darauf, wird oben der notwendige Code dafür angezeigt, zum Beispiel:
Zitat<!-- This version of the embed code is no longer supported. Learn more: https://vimeo.com/help/faq/embedding --> <object width="500" height="375"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=22555024&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=22555024&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="375"></embed></object>

Genau so wie bei Youtube nutzt du den Flash-Button im Forum und fischst dir den Teil, den du brauchst, aus dem ganzen Brei. Das sähe dann so aus:
[flash=500,375]http://vimeo.com/moogaloop.swf?clip_id=22555024&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0[/flash]



Um auf diese Topic zu verlinken:
[url=http://www.trisaster.de/forum/index.php?topic=1114.0][u]Bilder, Dateien etc. einfügen (BBCode Anleitung)[/u][/url]

Dreier Nuss

Ok hab mal 3 Pics gemacht.Ist das komplitziert.Na ja lasse mal meine Frau danach sehen,die bekommt das bestimmt hin,kann etwas dauern :-)  Glaub ich nicht mit der Sicherung,das war ja schon länger so nur jetzt ist halt noch ein Stück von dem Teil ab und deshalb gehts immer hoch.Aber man weis ja nie lasse mich gern belehren

Takeshi

Hier noch ein kleiner Tipp, wie man einen Link im Forum setzt.

Möglichkeit 1
Klicke auf diesen Button:
Es erscheint folgender Text:
[url][/url]
Geh zwischen die beiden Klammern in der Mitte.

Optional: Klicke auf diesen Button , um den Link später unterstrichen zu machen.

Gib den Namen ein, der später im Post erscheinen soll
[url][u]trisaster Forum[/u][/url]
Geh hinter das "url", gib ein Gleichheitszeichen ein und danach den Link, auf den verwiesen werden soll.
[url=http://www.trisaster.de/forum/][u]trisaster Forum[/u][/url]

Das sieht dann so aus: trisaster Forum

Möglichkeit 2
Gib den Namen des Links ein.
trisaster Forum
Markiere den Namen und klicke auf diesen Button , danach auf diesen

Es erscheint folgender Text:
[url][u]trisaster Forum[/u][/url]
Nun ein Gleichheitszeichen hinter "url" setzen und den Ziellink eingeben bzw einfügen.
[url=http://www.trisaster.de/forum/][u]trisaster Forum[/u][/url]

Das sieht dann so aus: trisaster Forum

mediteran21


Takeshi

Tja, das ist aber nunmal so im Web, Bilder können in den Text nicht eingefügt werden, sondern müssen immer hochgeladen und als Verweis (Link) in den Text eingebunden werden.

Ich find so kompliziert ist das aber nun auch wieder nicht. Aber wie auch immer, ändern kann ichs auch nicht.

hide

Ich fänd eine Anleitung gut, die einem erklärt wie man youtube videos einbindet  :??? ich hab zwar den BBCode dafür herausgefunden, aber irgendwie gabs da probleme mit der URL

Takeshi

Geht gar nicht, aus dem einfachen Grund, dass man damit beliebige Flashinhalte einbinden könnte, die eben auch "schädlich" sein könnten. Deshalb können das nur VIPs und Mods einbinden.

hide

Zitat von: Takeshi am 31. Mai 2011, 22:31:14
Geht gar nicht, aus dem einfachen Grund, dass man damit beliebige Flashinhalte einbinden könnte, die eben auch "schädlich" sein könnten. Deshalb können das nur VIPs und Mods einbinden.

achso, das macht natürlich Sinn

Wolle1234

Hallo
Danke für die Anleitung für die Bilder.
Das ist leider zu viel Aufwand für ein Bild.
Ausserdem muss man aufpassen was da Geld kostet und man nicht in die Abofalle tritt.
Vieleicht wird das ja mal geändert hier und man kann die Bilder direkt von seiner Festplatte einbinden wie bei einer E-Mail z.b.
Mfg
wolle1234 ;)

RalleBert

Naja, wer will, der kann: Kostenlos und ohen Anmeldung Bilder hosten, bis 5MB.

so wie das hier:

- veni, vidi, ferruminavi -
- ich kam, ich sah, ich l?tete -

Klauserus

Cool, danke

bin es leid, bei Imageshack den lästigen PopUp zu umgehen und mir die Url im Quelltext zu suchen.
SCPH-7002
SCPH-7502
SCPH-5552
SCPH-39004 + Netzwerkadapter
SCPH-70004
SCPH-70004
..irgendwo muss noch eine FAT sein

Danone


Ich dreh hier noch durch... :pc
ich kapier das nicht  :OMG :OMG :OMG

möchte doch nur diese verkackte PSN ID sehen ...so wie bei "hide"  der hier gepostet hat, da ist das schön :heul

hab schon ein am rappel bekommen, weil ich auf der Playstation Seite schon zwei unterschiedliche Avatare hab ...Forum sieht zumindest anders aus + Sony Entertainment Network!

Dabei wollte ich doch nur schauen ob noch alle Daten da sind und die speichern nach der Kaffeefahrt durch halb Deutschland
aber smileys kann ich schon  :ugly :zuck :lol
Meine Technik:
PS3 - V2/B-Model CECHC04,Bj.2007
TV - Samsung LCD - Model  LE40C530
AV  Receiver - Onkyo TX-N414
BR Player - Samsung  BD-P1500 / Sony BDP-S 185
Sub - Canton AS 85.2 SC Aktivsubwoofer
Heimkinosystem - Canton Movie 80/85 CX  bin mir nicht sicher.

Takeshi

Was hat das hier jetzt bitte mit dem PSN zu tun? Hier geht es darum, wie du (zum Beispiel) Bilddateien direkt in den Beitrag einfügst.

Danone

Es geht nur darum etwas richtig einzusetze...um aus diesen Buchstaben mix danach eine schöne Grafik zu sehen ist. Wie hier eben mit Dialog zu erkennen und ich war der Meinung das ich es falsch einbette. Da man das hier ja irgendwie in einer bestimmten Abfolge bzw  Art schreiben muss um danach ein Link, Bild oder eben  die gewünscht ID Abbildung zu erreichen. Da Sony sich da scheinbar auch nicht groß Gedanken gemacht hat. Wenn ich das falsch verstanden habe, sorry... Kann man ja sicher auch verschieben oder löschen. Bin halt nur weiterhin ohne Lösung, da die Erklärung bei  der offiziellen Seite mir nix bringt.
Ist ja auch egal, so tolle Trophäen hab ich eh nicht ;-)
Meine Technik:
PS3 - V2/B-Model CECHC04,Bj.2007
TV - Samsung LCD - Model  LE40C530
AV  Receiver - Onkyo TX-N414
BR Player - Samsung  BD-P1500 / Sony BDP-S 185
Sub - Canton AS 85.2 SC Aktivsubwoofer
Heimkinosystem - Canton Movie 80/85 CX  bin mir nicht sicher.

Takeshi

Du musst einfach nur auf das Bild-Symbol klicken, worauf dann das img-Tag eingebracht wird. Zwischen die beiden jmg-Tags kopiert du den Link zu dem Bild (wichtig zu dem Bild, nicht nur zu einer Seite, die das Bild enthält) und das war es schon. Nichts mit ner ID, Sony hat da auch nichts mit an der Mütze.