Create informer:
Informer #1 [Informer template]
[ File Catalog · Entries · Entry date D · Entries: 52 · Columns: 4 ]
In to informer insert that code:
Code
<div class="box2"><a href="$ENTRY_URL$" class="tip-bottom item"><br><img src="$IMG_URL1$" style="padding-right: 2px; width: 127px; height: 180px;" alt="$TITLE$"><span class="tt opacity">$TITLE$</span></a></div>
Css:
Code
.box .item{ float:left; position:relative; margin-right:9px; height:200px; width:127px; cursor:pointer; margin-bottom:10px;}
.box .item span.tt{ display:block; position:absolute;BOTTOM:0;LEFT:0;Z-INDEX:2;WIDTH:115px;COLOR:#fff;FONT-SIZE:11px;TEXT-DECORATION:none;PADDING:3px 5px; background:url('http://s018.radikal.ru/i505/1206/df/12924b5a856a.png')}
.box .item:hover span.tt,.box-grid .item:hover span.dt{ color:#fff;background:url('http://s61.radikal.ru/i171/1206/22/9fed0a4d0def.png') !important}
.box2 .item{ float:left; position:relative; margin-left:10px;height:190px; width:127px; cursor:pointer; margin-bottom:10px;}
.box2 .item span.tt{ display:block; position:absolute;BOTTOM:0;left:0;Z-index:2; width:115px;color:#fff; font-size:11px; text-decoration:none; padding:3px 5px; background:url('http://s018.radikal.ru/i505/1206/df/12924b5a856a.png')}
.box2 .item:hover span.tt,.box-grid .item:hover span.dt}