Archiv für März 2011

Tipps zum Einbinden lokale Thumbnails in H2N Link Directory 2

Donnerstag, 31. März 2011

Beim Einbinden lokaler Thumbnails kommt, wenn nicht anderes konfiguriert, dass CSS „img.thumbshots“ zum Zuge.

img.thumbshots {
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 2px;
    text-align: left;
    float: left;
    border: 0px;
    vertical-align: top;
}

Dieses CSS stellt sicher, dass die Beschreibung links um das Thumbnail fließt und die Zwischenräume analog zu den per externen Diensten eingebundenen Thumbnails sind.
Die Größe des Thumbnails wird dabei nicht per CSS eingeschränkt. Das Thumbnail wird in Originalgröße angezeigt.
Für zwei Standard-Größen 120×90 und 200×150 gibt es die CSS img.thumbshots-120 und img.thumbshots-200, die zusätzlich zu img.thumbshots die jeweiligen Größenangaben enthalten.

 

Globale Angabe des CSS für lokale Thumbnails

Die Benutzung der oben genannten CSS kann man im Backend global unter „Thumbnail“ -> „CSS-Klasse für lokale Thumbnail“ konfigurieren. Man kann auch eigene CSS an geeigneter Stelle (z.B. im Template) hinterlegen und wie beschrieben konfigurieren. Eine Einstellung pro Thumbnails ist nicht möglich.