1. Im Backend einloggen 2. Seite anlegen 3. Seiteninhalt strukturieren
MouseOver-Bilder anlegen
Videotutorial auf vimeo
1. Bilder in 300x600 für 3 Spalten à 33%/33%/33% (z.B. wie Produkte) bzw 220x440 für 4 Spalten à bei 4x25% (z.B. wie Team) vorbereiten
2. Im Backend : i. Bild einbauen, ii. Link setzen, iii. Appereance -> Layout = Layout 1 iv. Appereance -> width = 300
v. Entsprechenden Template-Code einbauen
für 300x600
#mouse over tt_content.image.20.1.stdWrap{ wrap = <div class="mouseoverimg" style="height:300px;overflow:hidden;">|</div> # style wurde hier angegeben, damit das Bild bei allen Medien (z.B. print) beschnitten wird wrap.if.value.field = layout wrap.if.equals = 1 }
für 220x400
#mouse over tt_content.image.20.1.stdWrap{ wrap = <div class="mouseoverimgTeam" style="height:300px;overflow:hidden;">|</div> # style wurde hier angegeben, damit das Bild bei allen Medien (z.B. print) beschnitten wird wrap.if.value.field = layout wrap.if.equals = 1 }