> Tutorial < Bildgröße in einem Post beliebig verändern

Hey meine Lieben! Heute will ich einen ersten Post unter dem Thema >Tutorial< schreiben. Wir zwei sind nun wirklich keine HTML Begabten, aber wir haben so einiges dazu gelernt, während wir unser neues Blogdesign gestaltet haben. Nun wollen wir euch ab und zu ein paar "HTML-Kenntnisse" geben. Wahrscheinlich werden viele das alles schon kennen, aber zumindest wir erleben es immer wieder als hilfreich, wenn andere ihr Wissen darüber mit uns teilen. Vielleicht ließt das hier ja doch der ein oder andere Neuanfänger, der sich über diese Post freut.
Aber jetzt zu dem eigentlichem Thema. Wie vergrößert man beliebig in einem Post die Bildgröße?Die verschiedenen Stufen, Klein - Mittel - Groß - X-Large - Originalgröße, kennt eigentlich jeder, die erscheinen, wenn man auf das Bild klickt. Doch meine Schwester und ich haben uns lange gefragt, wie man die Bildergrößen individuell einstellen kann. Nun haben wir ein bisschen recherchiert und endlich die Antwort gefunden ! :)

Zuerst klickst du auf das Feld 'HTML' neben 'Verfassen'






Nun suchst du in deinem HTML nach ' height="..." '  und  ' width="..." '



Jetzt ist die Frage, wie breit ihr euere Bilder haben wollt. Das müsst ihr für euch selbst herausfinden, indem ihr unterschiedliche Zahel bei 'width=".." ' eingebt. Wir stellen im Moment bei 'widht' 760 ein.

1. Möglichkeit (klappt bei uns nicht, ist aber eigentlich einfacher):

Jetzt müsst ihr einfach bei 'height' 0 einstellen (WICHTIG) und dann müsste sich, wenn ihr eure gewünschte Breite bei 'widht' eingegeben habt, die Höhe von automatisch ändern. Bei wem das nicht der Fall ist, muss dann eben doch die komplizierte 2. Variante nehmen.

 
2. Möglichkeit:
Wenn ihr eure gewünschte Breite/ width heraus gefunden habt müsst ihr nun noch eure gewünschte Höhe / height herausfinden, damit die Bilder nicht verzogen sind. Dazu geht ihr folgender Maßen vor:
1. teilt die gewünschte Breite (z.B. 800) durch die momentane Breite (z.B. 640)
2. multipliziert das Ergebnis mit der momentanen Höhe (z. B. 480)
 
            -> ergibt die gewünschte Höhe 
 
Das Ergebniss ist dann:
<img border="0" height="600" src="..." width="800">
Das ändert ihr dann in eurem HTML ein und fertig !
 
 


Ich hoffe euch hat das Tutorial gefallen und ihr konntet einigermaßen alles versteh. Falls es noch fragen gibt, einfach in einen Kommentar schreiben! Schönen Abend euch noch <3


7 Kommentare :

  1. Hilfreich, aber es gibt noch eine einfachere Methode:
    Man muss nur entweder Breite ODER Höhe (z.B. 800) eingeben und dann bei
    entweder Höhe ODER dann eben Breite einfach nur 0 (wichtig!) eingeben.

    Beispiel: Breite: 800 Höhe: 0

    Blogspot ändern die Höhe dann automatisch ;)

    Grüße, Sonja :)
    http://softpurpleblue.blogspot.de/

    AntwortenLöschen
  2. Danke! :) Ja, ich fotografie mit der Canon EOS 600D :)

    AntwortenLöschen
  3. Toller Post<3 und vielen Dank für deinen Kommentar!

    AntwortenLöschen
  4. Vielen Dank für dein Kommentar! :)

    AntwortenLöschen
  5. sehr schöner Post! solche Tipps sind doch immer hilfreich(:
    Schau doch nochmal bei mir rein, ich brauche zur Zeit etwas Hilfe von so vielen Leuten wie nur möglich!
    Wäre super wenn du mir hilfst eine Kooperation zu gewinnen: dafür müsstest du in diesem Post: http://lookslikeperfect.blogspot.de/2013/10/what-i-love-today.html
    auf einen der Links klicken!
    Danke:*

    AntwortenLöschen

Wir freuen uns riiiiiesig über jeden Kommentar (außer Beleidigungen, Spam oder sonst irgend sowas) ! ♥
Fragen stellt ihr am Besten hier (http://ask.fm/LucyPeaches)

Blogvorstellungen

http://genitive.blogspot.de/