Qyperia

Qyperia

Wünsche an Qype • Vorschläge für Qype • Nettes von Qype • Geschichten über Qype • stelle eine neue Gruppe hier vor  • weise auf eine besonders interessante Diskussion hin • erweitere die Listen  • oder … Was noch? Schreib es rein!

Anleitung: Bilder in Beiträgen

started by Landstreichler (09-05-2008, 11:16)

  • 09-05-2008, 11:16

    Video:
    Hobbythekbeitrag: Bilder in Beiträgen
    Hier noch der Beispieltext aus dem Video:
    <img width=”50%” src=””>


    Vorwort:
    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.


    Copyright!

    Wer sich nicht von Anwälten abmahnen lassen möchte, der tut gut daran, nur seine eigenen Bilder/Inhalte im Internet, also auch auf Qype zu verwenden.

    In Kurzfassung hier:
    Qype FAQ Bilder

    Ausführlicher diskutiert hier in der Gruppe Leben:
    Fotos aus dem Internet laden

    oder in Qype Kontrovers:
    Bilderklau

    Auch selbsterstellte Bilder können Risiken bergen, wenn sie z.B. Personen abbilden (Recht am eigenen Bild) oder auf Privatgrund aufgenommen wurden. Für Tierparks gibt hier z.B. die Site Zooliste.de Auskunft.

    Ganz besonders gefährlich sind oft auch Kartenausschnitte, ggf. auch von Google Earth/Maps.


    Wo geht es?

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

    So geht es!
    Bilder in Beiträgen klappen auf zwei Arten:

    Einfach: (Fachbegriff: textile)

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

    Hier wird die Adresse des Bildes also in Ausrufezeichen eingeschlossen.

    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 bereits hochladen, wenn erst der Platz existiert, aber bevor dann der Beitrag eingetragen wird.
    • 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, _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.

    P.P.S.:
    Aktuell kann man das Bild auch in den Text einbinden. Der Fortbestand hängt allerdings etwas vom Qype CSS ab und ist daher ohne Gewähr (die Klassen FloatLeft / FloatRight): <img class=”FloatLeft” src=”http://assets3.qype.com/uploads/photos/0019/3184/1.jpg”>

    Landstreichler edited this post 08-07-2008, 12:19

    Link_to_post_icn
  • Thumbs-left-star-large2_thumb

    telakin

    Admin

    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 edited this post 09-05-2008, 22:31

    Link_to_post_icn
  • 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
  • Thumbs-left-star-large2_thumb

    telakin

    Admin

    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
  • Wrnr_thumb

    wrnr

    Admin

    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 edited this post 13-05-2008, 09:52

    Link_to_post_icn
  • 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 edited this post 13-05-2008, 10:20

    Link_to_post_icn
  • 30-05-2008, 22:39

    Sorry, ich als einfacher qype- und PC-user finde das alles viel zu kompliziert, um mich damit auseinaderzusetzen: das kapiere ich alles nicht.
    Kann Qype da nicht eine einfachere Lösung ermöglichen wie z.B. ein Button ‘Bild einfügen von Source XYZ’? So wie bei Microsoft ‘Graphik einfügen aus Datei’ ?

    Link_to_post_icn
  • 30-05-2008, 23:06

    Da heißt es Abwarten sidifferent. Sollte ich derweil etwas einfacheres haben, dann gebe ich natürlich Bescheid.

    Du hast Dir auch das Video angeschaut? Das finde ich zumindest weniger abschreckend als den länglichen Text ;-)

    Link_to_post_icn
  • Thumbs-left-star-large2_thumb

    telakin

    Admin

    30-05-2008, 23:14

    Könnte schon, aber die Macher haben an anderen Stellen schon mehrfach betont, dass sie die Formatierungsfunktionen (und da gehören die Bilder dazu) vorerst nicht über einen entsprechend komfortablen Editor zur Verfügung stellen möchten.

    Das dürfte darin begründet sein, dass so die Qype Beiträge im großen und ganzen einheitlich aussehen und nicht jeder zweite Bewertungstext mit blinkenden Grafiken, fetter Schrift und anderen Kuriosa daherkommt. Die Qyper, die schon länger dabei sind und ein Gefühl dafür bekommen haben, wie ein guter Beitrag aussieht, könnten sich hingegen nach gewisser Zeit hier motiviert genug fühlen, die für sich sinnvollen Formatierungsoptionen nachzusehen und zu verwenden.

    Wohlgemerkt, das ist nur meine Interpretation, ich heiße das nicht unbedingt gut … ;)

    Aber vielleicht könnte ja ein Entwickler trotzdem mal einen bequemen Editor einbauen und den zum Beispiel als Bonbon für Insider oder Advanced Insider freischalten?

    Bis dahin kann mensch sich aber schon mal bei Nutzung von Firefox mit dem Plugin BBcodeXtra (siehe hier) das Leben einfacher machen - da hat man fast alle einfachen Formatierungsfunktionen mit einem Rechtsklick parat und für die etwas aufwändigeren kann man diese dann einfach noch etwas nachbearbeiten (z. B. für die width Angabe bei Bildern).


    telakin edited this post 30-05-2008, 23:30

    Link_to_post_icn
  • 30-05-2008, 23:22

    Da bleibe ich doch bei meinen Textbeiträgen, denke ich. Ich kapier ja noch nicht mal, wie ich Bilder außerhalb eines Textes zu einem Platz hochladen kann.

    Lasst es gut sein, Jungs, ich verabschiede mich aus dieser Gruppe, denke ich, hier bin ich fehl am Platze.

    Link_to_post_icn
  • 11-06-2008, 16:22

    Übrigens:
    Man kann Bilder und Formatierungen auch im Profil verwenden. Und zwar in den Feldern, die beim Klick auf “mehr über mich” sichtbar werden. Also z.B.: “Mein schönstes Erlebnis”, oder was ich immer schon mal sagen wollte.

    Link_to_post_icn
  • 10-12-2008, 14:46

    Ihr seid habt ja alle recht, aber es geht noch allgemeinverständlicher (glaub ich).

    1. Bilder zum Beitrag in neuem TAB (2.TAB) hochladen,
    2. Zurück zum Beitrag (1. TAB)während des Hochladens den Beitrag verfeinern. Dann jeweils eine Zeile Abstand lassen, wo das Bild hinsoll.
    3. Die Bilder in 2.TAB sind mittlerweile hochgeladen. Auf 2. TAB wechseln, Bild anklicken und es erscheint in Originalgröße im Fenster.
    4. Mit rechter Maustaste auf das Bild klicken, “Bild-URL kopieren”
    5. Wechseln zu 1. TAB -
    6. Einfügen in die vorgesehene freie Zeile.
    7. Ausrufungszeichen vor den Link
    8. Ausrufungszeichen ans Ende des Links

    Fertig

    Tendüre - Bremen

    Tendüre

    Bürgermeister-Schmidt-Str. 82, 28195 Bremen

    5 6 reviews

    Show map and phone

    Link_to_post_icn
  • Thumbs-left-star-large2_thumb

    telakin

    Admin

    11-12-2008, 08:44

    @brotherjakob - wenn man nach der Methode arbeitet müssen die Bilder aber schon die richtige (kleine) Größe haben, sonst zerschießt man das ganze Layout.

    Link_to_post_icn
  • 11-12-2008, 12:08

    @telakin - Bei den Bildern, die ich in Qype hochlade, klappt das wie in dem oben angehängten Beitrag. Vielleicht hat da die Qype-Software eine Funktion eingebaut, die größere Formate auf ein verkraftbares Maximum begrenzt - auf jeden Fall hatte ich bisher auch bei verschiedenen Bildgrößen kein Problem. Das Ganze ist eben so schön untechnisch und einfach durchführbar ;-))

    brotherjakob edited this post 11-12-2008, 15:52

    Link_to_post_icn
  • 11-12-2008, 12:47

    @brotherjakob: bevor Mißverständnisse (”... Eure Software…”) entstehen: telakin arbeitet nicht bei Qype, sondern ist auch nur Qype-User, wenn auch ein technisch sehr bewanderter.

    Link_to_post_icn

Please login or register to reply to threads and start topics.
  • Allowed formatting
  • *bold*
  • _italics_
  • bq. quote
  • "Qype":http://www.qype.com
  • * or # (lists)
My History Disable
  1. My recently viewed (0)
  2. My recent searches (0)

Group Members (434)

  • User photo: hotzenplotz
  • User photo: testaufkwaip
  • User photo: Issean
  • User photo: stas
  • User photo: enscha
  • User photo: Skylinemen
  • User photo: Vinot
  • User photo: Gastritiker
  • User photo: Limoncina
  • User photo: Manu Marchal
  • User photo: Tina21
  • User photo: Wetzlarerbub
  • User photo: peve76
  • User photo: chris-p-hh
  • User photo: romagna16
  • User photo: SamOnly
  • User photo: Gitti5
  • User photo: schlurch
  • User photo: Son_Typ
  • User photo: Lars70
  • User photo: Sarahoney
  • User photo: Uffnik
  • User photo: Reba
  • User photo: engelmassage
  • User photo: Bumblee
  • User photo: Swingerin
  • User photo: PährlYn
  • User photo: soulsister

view all

Guides connected to this group