Cyber Zone - один из самых хороших шаблонов для вебмастеров увлекающихся игрой Counter-Strike или для пользователей желающих сделать, что либо подобное. Шаблон адаптирован OnesPowering. Кстати скачать читы для CS 1.6 можно тут, всегда бесплатно.

Загрузите папки css, images вч корень сайта. Это можно сделать через FTP или файловый менеджер.
После этого скопируйте и, соответственно, вставьте код из документа В Конструктор.tpl в конструктор шаблонов, естественно. Чтобы зайти в конструктор пройдите по следующему пути: Панель Упр. -> Дизайн (этот пункт в админбаре) - > Конструктор шаблонов.
Вставьте код из документа Страница Материала и комментариев к нему.tpl в стр. материала того модуля, который вы планируете использовать. Я буду рассматривать установку на примере модули "Новости сайта". А значит, вам надо пройти по такому пути: Панель Упр. -> Управление Дизайном -> Новости сайта -> Страница материалов и комментариев к нему и вставить скопированный код.
Зайдите в Панель упр. -> Управление Дизайном -> Новости сайта -> Вид материалов и вставьте код из файла Вид Материалов.tpl.
Потом нужно заменить вид комментариев. Для этого зайдите в Панель Упр. -> Управление дизайном -> Комментарии -> Вид материалов.
Все, на этом установка окончена. Если что-то не получилось, то можете попробовать установить по аналогичной инструкции от автора. Она находится в текстовом документе Установка.txt.

Размер: 1,14 Мб

Для начала создадим два таких файла: highslide-full.js и highslide.css
И заливаем это в отдельную папку на сайте (в данном примере это папка - iload).

Этот код ставим на страницу фотоальбома,где хотите такой вид картинок:

<script type="text/javascript" src="/iload/highslide-full.js"></script>
<link rel="stylesheet" type="text/css" href="/iload/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = '../highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;

// Add the controlbar
hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: 1,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>

Скачиваем саму рамочку:
http://script.ucoz.lv/iload/foto.rar

Дальше Вид фотографий и заменяем всё что там есть на этот код:

<center>
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="17" background="/foto/3bd0bff61a01.png" height="17">
</td>
<td background="/foto/290b6ff174f7.png" height="17">
</td>
<td width="17" background="/foto/94af9881da39.png" height="17">
</td>
</tr>
<tr>
<td width="17" background="/foto/326a55f011dc.png">
</td>
<td>
<a href="$FULL_PHOTO_DIRECT_URL$" class="highslide" onclick="return hs.expand(this)">
<img src="$PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$" height="85" width="85"/></a>
</td>
<td width="17" background="/foto/a4e3e0816fe3.png">

</td>
</tr>
<tr>
<td width="17" background="/foto/8cb928874182.png" height="17">
</td>
<td background="/foto/8f85b050c329.png" height="17">
</td>

<td width="17" background="/foto/ce48d6da8a98.png" height="17">
</td>
</tr>
</tbody></table><a href="$COMMENTS_URL$"><b>Подробнее</b></a><br>
</center>

<table class="eBlock" width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 3px;">
<table style="border: 1px solid rgb(40, 40, 40); background: transparent url(http://s45.radikal.ru/i107/0910/86/672b94a3a7d1.jpg) repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" width="100%" border="0" cellpadding="0" cellspacing="0" height="23">
<tbody><tr><td style="font-size: 10px; padding-left: 10px;" width="100%" align="center"><span style="font-size: 8pt;"><b><span style="color: red; font-size: 8pt;"><span style="font-family: Arial; font-size: 8pt; color: rgb(253, 253, 253);">$TITLE$</span> </span></b></span>$MODER_PANEL$</td>
</tr></tbody></table><table class="eBlock" width="100%" border="0" cellpadding="1" cellspacing="0"><tbody><tr><td style="padding: 3px;">
<table style="padding-bottom: 1px;" width="100%" border="0" cellpadding="1" cellspacing="1">
<tbody><tr><td colspan="2" style="border: 0px solid rgb(184, 184, 184); padding: 5px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="left">
<div style="float: right;">
</div>
<center>$MESSAGE$</center><br></td>
</tr>

<tr><td colspan="2" style="padding: 5px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" align="left">
<div style="float: right;"></div>
<center><?if($USERNAME$)?>Автор: <a title="Автор новостя $USERNAME$" href="$PROFILE_URL$">$USERNAME$</a><?endif?> <!--ENDIF--><?if(!($CATEGORY_NAME$))?><?endif?> | Дата: $DATE$ <?if($MODER_PANEL$)?><?endif?> | Просмотров: [<b>$READS$</b>] | Комментарии ($COMMENTS_NUM$) <a href="../$ENTRY_URL$"><b>Подробнее / Скачать<br></b></a></center>
</td></tr> </tbody></table></td></tr></tbody></table></td></tr></tbody></table>