[moder]Перед тем как удалить всё из глобального блок DEMO у вас уже должен стоять слайдер "Cu3eR"
посмотреть и скачать можно Отсюда[/moder]
[Table]Итак заходим в глобальный блок DEMO удаляем всё от туда и ставим этот код[/Table]
<link type="text/css" rel="StyleSheet" href="/_st/my.css">
<div class="rt-grid-8 rt-alpha">
<div class="flush">
<div class="rt-block">
<div class="module-content">
<div class="content">
<div align="center">
<iframe src="/slider/slider.html" width=600 height=310 marginwidth=0 marginheight=0 scrolling=no frameborder=0> </iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- </слайдер> -->
<!-- <Информер> -->
<div class="rt-grid-4 rt-omega">
<div class="contayner">
<div class="contayner1">
<div class="contayner2"><b>Последние ответы на форуме</b></div>
<div class="navig"> $MYINF_3$ </div>
<div class="contayner3"><b>$WDAY$, $DATE$, <span id="uClock">$TIME$</span></b><script type="text/javascript">function clock_from(hour,min,sec){clock="";if(sec>59){sec=0;min=min+1;}if(min>59){min=0;hour=hour+1;}if(hour>23){hour=0;}if(hour<10){clock+="0"+hour;}else{clock+=""+hour;}clock+=":";if(min<10){clock+="0"+min;}else{clock+=""+min;}clock+=":";if(sec<10){clock+="0"+sec;}else{clock+=""+sec;}elem=document.getElementById('uClock');elem.innerHTML=clock;setTimeout("clock_from("+hour+","+min+","+(sec+1)+")",1000);}clock_from(parseInt(document.getElementById('uClock').innerHTML.split(':')[0]),parseInt(document.getElementById('uClock').innerHTML.split(':')[1]),parseInt(document.getElementById('uClock').innerHTML.split(':')[2]));</script></div>
</div>
</div>
</div>
<!-- </Информер> -->
[Table]Потом идём в Таблица стилей (CSS) и ставим туда стили[/Table]
.contayner {-webkit-box-shadow: 0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;box-shadow: 0px 0px 5px #000;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;background-image:url('/img/fon.png');width:auto;height:310px;padding: 10px 10px 10px 10px;}
.contayner1 {-webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;background-image:url('/img/top_bg.jpg');width:auto;height:289px;padding: 10px 10px 10px 10px;float:center;}
.contayner2 {background: url('/img/pro-span-title.png') no-repeat bottom left;line-height: 23px;margin: -10px -11px 0 -25px;padding: 22px 10px 5px 48px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;color: #ffffff;}
.contayner3 {background: url('/img/pro-span-title1.png') no-repeat bottom right;line-height: 23px;margin: -14px -26px 0 -10px;padding: 22px 0px 20px 26px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #ffffff;}
.navig a { color:#c7c7c7;}
.navig a:active {color:#c7c7c7;}
.navig a:visited {color:#c7c7c7;}
.navig a:hover { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none;color:#cc0000;border-top:1px dashed #cc0000;border-right:1px dashed #cc0000;border-bottom:1px dashed #cc0000;border-left:1px dashed #cc0000;padding: 1px 4px 1px 4px;}
Создаём информер
информер (Последние темы на форуме)
Для начала заходим в ПУ > Главная > Информеры
Далее кликаем "создать информер"
Название информера: Последнии темы на форуме
Раздел: Форум
Способ сортировки: Последние обновлённые темы
Количество материалов: 10
Количество колонок: 1
И создаём информер!
Максимальная длина заголовка: 32
[Table]Затем шаблон информера вставляем этот код:[/Table]
<td align="left"> <img src="/images/topmenu-daddy.png"> <a href="$THREAD_URL$"> $THREAD_TITLE$</a></td>
<td align="right"><span >{$REPLIES$}</span></td>
</table>
[Table]Скачиваем архив img и кидаем папку с картинками в корень сайта[/Table]
[Table]Так же нужно настроить место положения секундомера в слайдере "Cu3eR"
Для этого надо отредактировать файл "config.xml" в нём вы найдёте такую строчку[/Table]
и поменяйте её на
[moder]Проверял в браузерах Mozilla firefox и Opera закругление углов и тени работают. В IE неработает[/moder]
