Profile cover photo
Profile photo
Christoph Hösch
26 followers -
Entrepreneur und Persönlichkeitsentwickler
Entrepreneur und Persönlichkeitsentwickler

26 followers
About
Posts

Post has attachment
Add a comment...

Post has attachment
Christoph Hösch commented on a post on Blogger.
Hi,
Ich hab die ganze Aufgaben nur mit HTML gelöst. Damit kann ich im Snippet das Bild entweder links oder rechtsbündig in klein anzeigen, oder in voller Größe. Meine Idee war es ein kleines Vorschaubild zu haben, dass nach dem Jump in voller Blogbreite angezeigt wird.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
  <style>
 .post-body img {
  max-width: 200px;
  width:auto;
  height:auto;
 }
    .post-body p img:not([style*=&quot;float&quot;]) {
  max-width: 600px;
  width:auto;
  height:auto;
    }
  </style>
</b:if>

Zur Erläuterung: mit b:if lege ich fest, dass es nur auf der Übersichtsseite so gemacht werden soll. Bei mir werden nach dem Jump alle Bilder groß angezeigt. Im nächsten Abschnitt werden alle Bilder im .post-Body auf eine maximale Breite von 200px geschrumpft (kleinere Bilder werden dadurch nicht auf groß und pixelig aufgezogen). Die Höhe lasse ich automatisch bestimmen, auch die Breite für kleinere Bilder.

Der nächste Abschnitt überschreibt diese Vorgaben für alle Bilder, die kein float haben. Mit float könnt ihr in eurem Editor festlegen, auf welcher Seite das Bild erscheinen soll (das normale links-, bzw. rechtsbündig). Bilder ohne Angabe werden in einer Breite von 600px angezeigt (so breit sind meine Blogeinträge).

Das ganze kommt in den <Head> Bereich, wie auch das im Artikel beschriebene Javascript. Das war's auch schon. So könnt ihr schnell eure Blogübersicht mit verschiedenen Anordnungen auflockern und müsst dafür keine Verrenkungen beim Erstellen machen.

Wer sich das mal live anschauen will oder mich wegen Fragen dazu kontaktieren will schaut einfach auf http://sirmacite.blogspot.com vorbei.

Zwei Sachen noch. Im Editor gibt man bei Bildgröße an, welche Größe das Bild im kompletten Post haben soll. Und der Verzicht auf Javascript hat ein paar Unterschiede: erstens muss nicht noch zusätzlich jQuery oder ein zusätzliches Skript geladen und ausgeführt werden und zweitens habe ich nicht das nachträgliche Vergrößern des Bildes, wie bei dem Skript von Blogexpertise.

So, ich hoffe ich habe hiermit jemandem weiter geholfen ;)
Add a comment...

There could be some improvements to Capitalization. As I'm using German there are a whole lot words to capitalize. And some words come out with a big first letter instead a small one. It would be good to change it afterwards or not to ignore shift key. Also, as in german language it is normal to concatenate words, it would be great to use lower case on the starting letter of the second word (e.g. Bigletterword instead of BigLetterWord). Thanks a lot in advance.
I'm using the phonepad layout.

Press-and-hold to talk and release-to-stop like in the play store video isn't working anymore.

Post has attachment
Tipp 2: ABC - Always Be Closing
Tipp 2: ABC - Always Be Closing
sirmacite.blogspot.com
Add a comment...

Post has attachment
Tipp 1: Lass dich vorstellen
Tipp 1: Lass dich vorstellen
sirmacite.blogspot.com
Add a comment...

Post has attachment
Networking - wer braucht das überhaupt?
Marco Bellucci (CC BY 2.0) Eins mal vorneweg, wir tun es alle, egal ob Mann oder Frau, klein oder groß, jung oder alt. Keiner kann sich dem entziehen, es sei denn er möchte einsam in einer Höhle vor sich hin schimmeln. Networking, ein Wort, dass heute immer...
Add a comment...

Hallo,
Das ist wirklich eine tolle App. Leider funktioniert bei mir seit kurzem die Tür zu Tür Abfrage im Verkehrsnetz Dresden nicht mehr. Ich bekomme immer nur die Meldung unbekannter StartOrt. Haltestelle zu Haltestelle ist kein Problem. Geht es irgendjemanden genauso?
Wait while more posts are being loaded