Thumbnails verkleinern für Flickr Plugin

Neue Seite, alte Plugin altes Problem. Ich wollte ja schon immer die größe der Flickr Thumbnails ändern und nun mit dem neuen Theme habe ich es dank dem Chriz doch noch geschafft die Dinger kleiner zu bekommen.
Was ihr machen müsst ist in eurem Stylesheet folgendes einfügen:
.flickr img { width: 40px; height: 40px; }
Nun müsst ihr dem Plugin in der Sidebar oder wo auch immer ihr die Thumbnails anzeigen lasst ein class vorsetzen, das ganze sollte dann so aussehen:
<li id=”Flickr”>
<ul class=”flickr”>
<li><h2>Flickr</h2>
<?php get_flickrrss(’4′); ?></ul>
</li>
Um noch etwas abstand um die Thumbnails zu bekomen einfach noch ein bisschen Margin dazu und gut is.
.flickr img { margin: 2px; width: 40px; height: 40px; }
Wenn ihr das ganze noch ein bisschen weiter treiben wollt wie bei mir auf der Seite könnt ihr die Thumnails auch noch eine anderen größe anzeigen lassen wenn man mit dem Cursor drauf ist. Um das zu machen müsst ihr dem ganzen im CSS noch ein a vorsetzten damits der EXPLORER auch versteht und noch eine Zeile für den Hover einfügen. das ganze sollte dann so aussehen:
.flickr a img { margin: 2px; width: 40px; height: 40px; }
.flickr a:hover img { margin: 2px; width: 49px; height: 49px }
So und nun wümsche ich allen die genau soviel gefährliches Halbwissen haben wie ich viel spaß beim tüfteln an den Flickr Thumbnails.
Ähnliche Beiträge:
- Flickr RSS Plugin Bei Eightface.com bekommt ihr das Flickr Plugin mit dem ihr eure Flickr...
- Flickr Oh man ich bin auch so ein Opfer und muss überall mitmachen,...
- Flickr Uploadr Bin gerade am über legen ob man den Flickr Uploadr braucht oder...
- An alle Blog-, Programmnerds Ich brauch hilfe. Gibt es eine Möglichkeit diesen Code in einem Plugin...
- PhotoDropper Plugin Markus aus Münster hat da mal wieder ein dickker Plugin ausgegraben. Mit...
Related posts brought to you by Yet Another Related Posts Plugin.
Tags: css




















Comments
kochwerkstatt → http://www.koch-werkstatt.de
15.02.07Aha, interessant. Es gibt doch immer mehrere Wege. Bei mir habe das in die CSS geschrieben (bei .flickr a img):
max-width: 40px;
und für den Explorer (*gna) noch das:
width:expression(40 + “px”);
Naja, am Ende des Tages zählt ja nur das Ergebnis.
Leave a comment