Установка:
Идем в ПУ - Информеры и создаем информер с параметрами: [ Каталог файлов · Материалы · В случайном порядке · Материалы: 3 · Колонки: 1 · Длина заголовка: 20 ]
В шаблон информера вставляем код:
Код <?if($NUMBER$='1')?><div class="n_f1" title=""> <div class="n_f_post1" title=""> <a href="$IMG_URL1$" class="ulightbox" title=""><img src="$IMG_URL1$" border="0" alt="$TITLE$" title=""></a> </div> <ul><li> <a href="$ENTRY_URL$" title="$TITLE$"> $TITLE$</a> </li> <li>Просмотров: <b>$READS$</b></li> <li>Дата: <b>$DATE$</b></li> </ul> </div><?endif?>
<?if($NUMBER$='3')?><div class="n_f1" title=""> <div class="n_f_post1"> <a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" border="0" alt="$TITLE$"></a> </div> <ul><li> <a href="$ENTRY_URL$" title="$TITLE$"> $TITLE$</a></li> <li>Просмотров: <b>$READS$</b></li> <li>Дата: <b>$DATE$</b></li> </ul> </div><?endif?>
<?if($NUMBER$='2')?><div class="n_f2" title=""> <div class="n_f_post2 img" title=""> <a href="$IMG_URL1$" class="ulightbox" title=""><img src="$IMG_URL1$" border="0" alt="$TITLE$" title=""></a> </div> <ul><li> <a href="$ENTRY_URL$" title="$TITLE$"> $TITLE$</a></li> <li>Просмотров: <b>$READS$</b></li> <li>Дата: <b>$DATE$</b> </li></ul> </div><?endif?>
<style> .n_f1 {background:#f3f3f3;margin:0 0 1px 0;padding:5px 5px;overflow:hidden;} .n_f_post1 {float:left;} .n_f_post1 img {border:1px solid #d8d8d8;width:55px;height:39px;} .n_f1 ul {list-style:none;float:left;margin-left:8px;} .n_f1 li a {color:#383838;text-decoration:none;} .n_f1 li a:hover {color:#697F94;} .n_f2 {background:url(http://studrippo.ucoz.ru/png/bgg.png);margin:0 0 1px 0;padding:5px 5px;overflow:hidden;} .n_f_post2 {float:left;} .n_f_post2 img {border:1px solid #5b6775;width:55px;height:39px;} .n_f2 ul {list-style:none;float:left;margin-left:8px;color:#e1e1e1;} .n_f2 li a {color:#fff;text-decoration:none;} .n_f2 li a:hover {color:#ea7609;} </style>
Установка завершена. Готово.
|