30. Juni 2013

Hover, hover!

(... neudeutsch für "schweben".)

Ihr habt es schon gesehen, ein paar Kleinigkeiten haben sich seit vorgestern getan, und vielleicht ist der ein oder andere an den technischen Einzelheiten interessiert:
You might have noticed it already: Some small things changed or were added to this blog, and maybe the one or the other is interested in the tech stuff: 

"Social Media Buttons" in der Sidebar. Ja, ich werde "trendy". Huch! 
Diese ersetzen zum Teil die größeren und recht sperrigen Widgets, die ich z. B. für flickr und Ravelry benutzt habe. Alles übersichtlich an einem Platz: rss, bloglovin, mein Shop, Pinterest ...
Die Buttons sind über den obigen Link bei Carrie Loves Design kostenfrei in verschiedenen Variationen herunterzuladen und können problemlos angepaßt werden. Feine Sache!
Den schicken Hover-Effekt hatte ich erst nach ihrem eigenen Tutorial ausprobiert, dann aber festgestellt, daß es mit CSS etwas ... hm ... sagen wir mal "eleganter" geht.
Sehr geholfen hat mir dabei dieser Blogpost, der das Grundgerüst für den Hover-Effekt schonmal komplett vorgibt. (Letzteres kam mir sehr entgegen, denn ich habe von Programmierung ungefähr so viel Ahnung wie von theoretischer Physik.)
"Social Media Buttons" in the sidebar. Gettin' "trendy". Yay!
They replace the larger and partially pretty slow-loading widgets that I used to have for flickr or Ravelry. 
Everything neatly in one place: rss, bloglovin, my shop, Pinterest ...
The buttons are a freebie from Carrie Loves Design - very pretty and easy to customize!
At first I tried the lovely hover-effect she provides in her tutorial, but then decided that working with CSS would be a bit more ... "elegant".
I found this Blogpost more than helpful, because it provides everything you need (which came handy for me, because I do know as much about coding as I do know about theoretical physics).


Doch nicht nur die Buttons haben einen schicken Hover-Effekt bekommen, sondern auch die Bilder in diesem Blog. Testen?
Bitte hier:
(UPdate: der Hover-Effekt ist weg, dafür gibt's jetzt kleine Pinterest-Buttons in der Post-Fußleiste!)
Not only the buttons provide that very fashionable hover-effect, but also the pictures in this blog. Try it yourself: 
(UPdate: the hover-effect ist gone, but there's a pinterest-button in the post footer!)
Frost auf Rosen @frauvau.blogspot.de
Ah! Genau. In der rechten oberen Ecke erscheint das "Pinterest"-Zeichen, über das man die Inhalte direkt pinnen kann. Die Platzierung kann sich noch ändern, ich bin da noch unentschlossen...
Nach den kürzlichen Diskussionen über Pinterest und die vielleicht zu erwartende Abmahnwelle (klar, war in Deutschland ja ebenfalls fast zu erwarten... gnaaah!) möchte ich hier festhalten, daß ich nichts gegen das pinnen von Inhalten habe, solange sie ordentlich auf den entsprechenden Post bzw. auf diesen Blog verlinkt sind.
Ute hat es in ihrem Beitrag schön ausgedrückt und auch noch ein paar Links zum Thema zur Verfügung gestellt - lesenswert!
Wer nun panikartig mal seine Pinwände aufräumen will, dem sei Pin4Ever ans Herz gelegt - damit kann man vor dem Löschen zumindest eine Sicherung der Lesezeichen machen.
Bilder, die ich ausdrücklich NICHT gepinnt haben möchte (z. B. mit Familieninhalt), werden diesen Button NICHT haben. Ich bitte, das in diesen Fällen zu respektieren.  
Ist auch alles säuberlich in den Rechtskram aufgenommen, falls später nochmal jemand nachlesen muß. 

Viele Möglichkeiten für diverse buttons findet man bei Code it Pretty, wobei ich für den Programmier-DAU die Anleitung von Bloggersentral extrem hilfreich fand. Mehr brauch ich da nicht zu sagen! :)
The button appearing in the upper right corner of the picture(s) allows you to pin directly from here. Pinning is welcome as long as the pin provides a proper link either to the corresponding blogpost or to the blog itself.
Pictures I want to prevent from being pinned, won't provide this button (like pics with family content). Please respect my decision in those cases.
I've also put that into the small print in case someone needs to re-read that somewhen later. 

Many possibilities for buttons can be found at Code it Pretty. Personally, I found the provided tutorial at Bloggersentral immensely helpful. Nothing to add! :)

... und weil ich schon dabei war, gibt's jetzt auch eine Signatur am Ende jedes Blogposts. Schick, gell?! ;)
... and being at it, I also added a signature at the bottom of each post. Nifty, isn't it?! ;)

In diesem Sinne: Macht's hübsch und erschreckt nicht vor der Technik - es gibt immer ein Tutorial!
You see: Don't fear the reaper tech stuff - there's always a tutorial somewhere out there!
Herzlichst, Frau Vau

1 Kommentar :

  1. Hui, na das ist in der Tat modern geworden hier. Schick! Sollte vielleicht meinen eigenen Blog auch mal wieder ueberarbeiten...

    AntwortenLöschen

Danke, daß Du Dir Zeit nimmst, mir einen Kommentar zu hinterlassen, ich freue mich sehr darüber! ♥
-----
Thanks for taking the time to leave me a comment, I really appreciate each one! ♥