Этот код вставляем туда где его хотим видеть:
Code
<table border="0" cellpadding="3" cellspacing="2" width="100% ">
<tbody><tr style="color: rgb(30, 144, 255);">
<td class="eTitle": 1px solid rgb(37, 37, 37);" background="http://18-cs-16.ucoz.ru/design/new/4.1.png" width="100%"><center><font color="#1e90ff"><strong>Случайные картинки</strong></font></center></td>
</tr>
<tr>
<td class="bBlok"><table width="100%"><tbody><tr><td align="left">$MYINF_?$</td></tr></tbody></table></td>
</tr>
</tbody></table>
Создаем информер : "Фотоальбом - В случайном порядке - 6 колонок на 6 строк "
Заменяем весь шаблон информера на :
Code
<table border="0" width="100%" cellspacing="2" cellpadding="3">
<tr>
<td class="bBlok5"><DIV class=""><table width="100%"><tr><td align="left"><div id="banners"><a href="$PHOTO_URL$" title="Категория: $CAT_NAME$ | Просмотры: $REVIEWS$ | Размеры: $PHOTO_SIZE$, $PHOTO_WEIGHT$Kb"><center>$PHOTO$</center></a></div></td></tr></table></td>
</tbody></table>
И это вставляем в CSS :
Code
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:11px;font-weight:bold;color:#dedede; padding: 3px; border:1px solid #4c4c4c; height:12px; background:url('http://18-cs-16.ucoz.ru/design/diz_css/4.1.gif') repeat-x ;}
.eTitle a:link {text-decoration:none; color:#dedede;}
.eTitle a:visited {text-decoration:none; color:#dedede;}
.eTitle a:hover {text-decoration:none; color:#FFFFFF;}
.eTitle a:active {text-decoration:none; color:#4c4c4c;}
.bBlok {padding:5px;background:url('http://18-cs-16.ucoz.ru/design/diz_css/b.gif') #000000;border:1px solid #4c4c4c;}
.bBlok5 {padding:3px;background:url('http://18-cs-16.ucoz.ru/design/diz_css/foning.jpg') #000000;border:1px solid #4c4c4c;}
#banners a img {opacity:0.4; -moz-opacity:0.4; filter:alpha(opacity=40); }
#banners a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
P.s Не забываем изменить $MYINF_?$ на номер своего информера.