Verlinkte Bildchen

Diese verlinkten Bildchen sind als Teaser geeignet, um Interesse zu wecken und den Nutzerstrom zu lenken.

Die Links führen in dieser Demo nirgendwo hin.

Eine etwas modernere Variante:

Rahmen und Schatten sind in letzter Zeit nicht mehr so angesagt

Der html Code:

(Bearbeitungsmodus Quelltextansicht)

<a href="#">
<img class="tplge_linkbild" src="userfiles/images/camerota600x600.jpg" title="Sonnenaufgang in Marina di Camerota" alt="Demobild">
</a>
...

Die CSS Klassen:

img.tplge_linkbild {
display: block;
float: left;
max-width: 198px;
margin: 0 1px 1px 0;
}
img.tplge_linkbild:hover {
opacity: 0.75;
}