Tumblr Folgen Button anpassen

Der entscheidende Unterschied zwischen Tumblr und anderen Blogsystemen ist die soziale Interaktion untereinander. Also die Möglichkeit Blogs zu folgen und Beiträge zu “mögen” oder zu “rebloggen”.

Dafür gibt es bei jedem Tumblr-Blog oben rechts zwei (oder mehr) schwarztransparente Schaltflächen. Problematisch wird es dann, wenn man ein Design erstellt, dass beispielsweise am oberen Rand eine schwarze Linie hat. Ich glaube ich habe das jetzt so schlecht beschrieben, dass man eigentlich nichts verstanden hat. Deshalb habe ich da nochmal was vorbereitet:

So sieht das natürlich ziemlich scheiße aus. Besser wäre es so:

Und das lässt sich ganz einfach mit ein bisschen CSS-Code bewerkstelligen.

#tumblr_controls {
top: 20px !important;
right: 10px !important;
}

Entscheidend ist hierbei, dass man das “!important” nicht vergisst, denn ohne funktioniert es nicht. Natürlich könnte man dort auch noch mehr Code hinzufügen. Bestes Beispiel: mein Blog. (Einfach mal oben rechts gucken).


Ich hoffe der Code hilft euch, eure Tumblr-Designs - falls nötig - weiter zu optimieren.