Qyperia

Anleitung: Bilder in Beiträgen

gestartet von Landstreichler (09.05.2008, 11:16)

Benutzerfoto: Landstreichler

Landstreichler

09.05.2008, 11:16

Das Thema Formatierungen wurde von Wrnr und Beitragenden bereits ausführlich in Qyperia beleuchtet (Klicke Hier). Da mich aber ab und an Anfragen zum Thema Bilder in Beiträgen erreichen, hoffe ich es stört nicht, wenn ich das Thema herauslöse und hier im Detail beleuchte.

Angemerkt: Ich selbst habe ein Add-On “QypeNice” für den Firefox Browser erstellt. Das bietet unter anderem eine “Kladdenfunktion”, welche eine gewisse Unterstützung für die Textformatierung mit angenäherter Vorschau mitbringt Hier mehr zu QypeNice.


Bilder sind in Qype in Qype-Beiträgen (reviews), Gruppenbeiträgen und Kommentaren möglich. In Nachrichten geht (glaube ich) zumindest die Html-Variante.

Bilder in Beiträgen klappen auf zwei Arten.

Einfach: (Fachbegriff: textile)

!http://assets3.qype.com/uploads/photos/0019/3184/1_thumb.jpg!

oder HTML: (Zeilenumbruch kann ignoriert werden)

<img src=”http://assets3.qype.com/uploads/photos/0019/3184/1.jpg”>

Wichtige Vorbedingung:
Das Bild muß bereits online auf Qype oder anderswo (z.B. Flickr) sein.
Also:

  • Bild schon hochladen, wenn erst der Platz existiert
  • oder: Beitrag später um Bilder ergänzen
  • oder: Bilder in Flickr hochladen und dorthin verweisen


Die Bildadresse gibt es z.B. bei Firefox per Rechts-Klick auf ein Bild “Bildadresse kopieren” auswählen. Und dann per Strg+V (bzw. Apple+V) zwischen die Ausrufezeichen einfügen.


Bilder dürfen auch mit links versehen werden (bei Flickr müssen sie dies sogar):

!http://..irgendeinbild.jpg!:http://irgendeinlink.de

Auch mit Titeln:
!http://..irgendeinbild.jpg(titelhierher)!

Und auch eingerückt per Blockquote:

bq. !http://..irgendeinbild.jpg(titelhierher)!

Zur Bildbreite/Größe:
Qype kennt bei seinen Gallerie-Bildern aktuell verschiedene Zusätze zum Bildnamen, die die Größe beeinflussen.
Dies sind: _mini, _thumb, _profile, _gallery
1_thumb.jpg wäre also klein
1_gallery.jpg wäre also groß

In html kann man die Bildbreite explizit in % angeben. Die Höhe kann man angeben, braucht man aber nicht (wird sonst passend verändert). Beispiel: width=”100%” oder width=”49%”

Zum Schluß:
Zum Abschrecken hier noch ein HTML-Beispiel für ein eingerücktes Bild mit link und titel. (Blockquote ist übrigens die HTML-Entsprechung für bq. )

<blockquote><a href=”http://irgndeinlink.html”>
<img width=”60%” title=”hello world” src=”http://irgendeinbild_gallery.jpg”></a></blockquote>

Und noch ein Beispiel für Bilduntertitel wer möchte:

<sub><em>Bilduntertitel klein und kursiv</sub></em>

Bilduntertitel klein und kursiv

P.S.:
Wieso überhaupt Flickr, mag man sich fragen. Dafür gibt es mindestens einen guten Grund: Qype hat den Aufbau seiner Bildadressen innerhalb des letzten dreiviertel Jahres zweimal verändert. Sollte Qype in Zukunft mal wieder seine Meinung zu den Bildadressen ändern, so verschwinden die eingebundenen Bilder aus den älteren Beiträgen und tauchen erst wieder auf, wenn man die Adressen mühselig angepaßt hat.

Auf flickr hege ich die Hoffnung, daß die Adressen länger gültig bleiben.

Landstreichler hat diesen Beitrag 09.05.2008, 12:03 geändert

Link_to_post_icn

Benutzerfoto: telakin

telakin

Administrator

09.05.2008, 22:30

Schön beschrieben, mich hat die überbordende Sammlung im Anleitungsthread auch schon etwas gestört.

Und Respekt für die Formatierung im Beitrag - das war HTML Schwerstarbeit, die ganzen HTML Tags darzustellen

telakin hat diesen Beitrag 09.05.2008, 22:31 geändert

Link_to_post_icn

Benutzerfoto: Landstreichler

Landstreichler

09.05.2008, 23:34

Ich möchte die Sammlung jetzt gar nicht beurteilen. Es ist gut, daß sie da ist. Es ging mehr darum, den Einstieg einfacher zu machen (so gut es eben geht) und damit das Einbinden von Bildern attraktiver.

Damit es auch etwas Zulauf für meine Liste gibt (irgendwann, ist die wahrscheinlich überfordert): Illustrierte Beitraege

Link_to_post_icn

Benutzerfoto: telakin

telakin

Administrator

11.05.2008, 18:49

Zum Thema Bildbreite/Größe noch die Ergänzung: wenn man die Zusätze (_thumb, _mini, _gallery, _profile) weglässt, dann erhält man das Bild in der Originalgröße, mit der es hoch geladen wurde.

Also zum Beispiel das süße Tierchen von oben: http://assets3.qype.com/uploads/photos/0019/3184/1.jpg

Link_to_post_icn

Benutzerfoto: wrnr

wrnr

Administrator

13.05.2008, 09:50

Danke für die ausführliche Anleitung. Stört überhaupt nicht. :-)
Die Einrückung über <blockquote> und den Bilduntertitel mit <sub> finde ich sehr gut.

Auch die Erwähnung der verschiedenen Bildgrössen finde ich sehr hilfreich:



Danke Landstreichler und telakin.

wrnr hat diesen Beitrag 13.05.2008, 09:52 geändert

Link_to_post_icn

Benutzerfoto: Landstreichler

Landstreichler

13.05.2008, 10:19

Zum Thema Bilduntertitel in Beiträgen möchte ich noch etwas anmerken.

Ich empfehle auf Bilduntertitel im Text zu verzichten und stattdessen nur den Bildtitel in der Bilddefinition zu verwenden. (Also: titel wird angezeigt, wenn Mauszeiger darüber verweilt).

Gründe:

  1. Wenn der Beitrag in m.qype.com angezeigt wird (mobil-portal), werden die Bilder sinnvollerweise nicht angezeigt. Ein alleinstehender Bilduntertitel könnte verwirrend wirken.
  2. Selbiges gilt, sollte das Bild zukünftig einmal verschwinden, weil die Bild-Url sich inzwischen verändert hat.

Landstreichler hat diesen Beitrag 13.05.2008, 10:20 geändert

Link_to_post_icn

Bitte log dich ein oder melde dich an um zu antworten oder ein neues Thema zu starten.
  • Allowed formatting
  • *fett*
  • _kursiv_
  • bq. Zitate-Text
  • "Qype": http://www.qype.com
  • * oder # (Listen)