Новые и популярные темы форума uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


Представляю вам информер который до ума довел NOOB. Это Новые и популярные темы форума uCoz, основном его ставят под шапку сайта по верх вида материалов. Сам скрипт выполнен в темных тонах и с присутствием синего цвета. Его модно устанавливать на светлые сайты, так как по дизайну он выполнен красиво и подходит хорошо к таким сайтам по их оттенку. Но сам информер был взят с темного сайта. Вообщем красивый и полностью рабочий код.


Переходим к установке:

Создаем два информера:
Информер №1
Название информера: Последние обновления на форуме
Раздел: Форум
Способ сортировки: Последние обновленные темы
Количество материалов: 5
Количество колонок: 1
Длина заголовка: 30
Прописываем в нем этот код:
Code
<li><span>$REPLIES$</span><a href="$LAST_POST_URL$" title="Перейти к теме..."><b>»</b> $THREAD_TITLE$</a></li>

Создаем второй информер:
Информер №2
Название информера: Популярное на форуме
Раздел: Форум
Способ сортировки: Самые популярные темы
Количество материалов: 5
Количество колонок: 1
Длина заголовка: 30
И вставляем этот код:
Code
<li><span>$REPLIES$</span><a href="$LAST_POST_URL$" title="Перейти к теме..."><b>»</b> $THREAD_TITLE$</a></li>

Как с информерами закончили, переходим в стили CSS и прописываем этот стиль.
Code
.cinf_title {background:url(http://zornet.ru/Statistics/cinf_bg.png) repeat-x 0 -26px;}  
.cinf_title_in {background:url(http://zornet.ru/Statistics/cinf_bg.png) no-repeat 0 0;}  
.cinf_title_c {background:url(http://zornet.ru/Statistics/cinf_bg.png) no-repeat right -52px; height:26px; line-height:23px; padding:0 10px; font-weight:bold; color:#fff;}  
.cinf_title_cc {background:url(http://zornet.ru/Statistics/cinf_bg.png) no-repeat center -78px; display:block; height:26px; width:28px; margin:-23px auto 0 auto;}  
.cinf_title_cl {text-align:center; display:inline-block; width:50%; margin:0 auto;}  
.cinf_title_cr {text-align:center; display:inline-block; width:50%; margin:0 auto;} 
.cinf_cont {width:50%; color:#fff; margin:3px 0;}  
.cinf_cont li {background:url(http://zornet.ru/Statistics/cinf_nav_bg2.png) repeat-x 0 -44px; height:22px; line-height:22px; margin:0 2px 3px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}  
.cinf_cont li:hover {background-position:0 -110px;}  
.cinf_cont li a {padding:0 8px; color:#fff;}  
.cinf_cont li span {background:url(http://zornet.ru/Statistics/cinf_nav_bg2.png) no-repeat 0 -22px; height:18px; line-height:20px; width:36px; float:right; padding:1px 2px; text-align:center;}  
.cinf_cont li:hover span {background-position:0 -88px;} 
.viewn_cont {;padding:5px 9px 0 9px; overflow:hidden; color:#6b6b6b;}  
.viewn_bottom_lb {background:url(http://zornet.ru/Statistics/viewn_bottom_bg.png) no-repeat 0 0; height:6px; width:8px; float:left;}  
.viewn_bottom_rb {background:url(http://zornet.ru/Statistics/viewn_bottom_bg.png) no-repeat right -12px; height:6px; width:8px; float:right;}  
.viewn_bottom_cb {background:url(http://zornet.ru/Statistics/viewn_bottom_bg.png) repeat-x 0 -6px; height:6px; margin:0 8px;}  
.left {float:left;}  
.right {float:right;}  
ul, li {  
list-style: none outside none;  
margin: 0px;  
padding: 0px;  

Замените все ссылки на картинки находящиеся в архиве.

А вот это вставляем там где хотим видеть. Основном как писал его ставят на главной но верх вида материалов:
Code
<div><div class="viewn_cont">  
<div class="cinf_title">  
<div class="cinf_title_in">  
<div class="cinf_title_c">  
<div class="cinf_title_cl">Новое темы</div><div class="cinf_title_cr">Популярные темы</div><div class="cinf_title_cc"></div>  
</div>  
</div>  
</div> 
<ul class="cinf_cont left">$MYINF_XX$</ul>  
<ul class="cinf_cont right">$MYINF_XX$</ul>  
</div></div>

Важно!

При копировании материала указывать ссылку на источник.

- 542
- 01-Декабря-2016
- 1
- 0
Материал разместил:

Похожий материал
Статьи сайта