Меню

Детали

  • Дата: 09.01.2015
  • Категории: Информеры для uCoz
  • Скачали: 0

Счетчик материалов

Красивый и удобный счётчик материалов для системы uCoz. На многих сайтах стоят такие информеры, но практически на всех них они несут массу отрицательных моментов, например отсутствием отступов в ячейки и лишними тегами.

Установка:
1.Создаём информер:
Создать его можно тут http://ВАШ САЙТ/panel/?a=informers
Нажимаем там "Создать Информер"
Название информера: На ваше усмотрение
Раздел: Счётчик Материалов
Потом жмём "Создать"

2. Удаляем старый шаблон, и вставляем за место него этот код:
Код
<ul>  
  <?if($DIR$)?><li><div>Сайтов в каталоге:$DIR$</li><?endif?>  
  <?if($BLOG$)?><li><div>Записей в блоге:$BLOG$</li><?endif?>  
  <?if($GB$)?><li><div>Гостевая книга:$GB$</li><?endif?>  
  <?if($NEWS$)?><li><div>Новостей сайта:$NEWS$</li><?endif?>  
  <?if($COMMENTS$)?><li><div>Тем на форуме:$FORUM_T$</li><?endif?>  
  <?if($COMMENTS$)?><li><div>Комментариев:$COMMENTS$</li><?endif?>  
  <?if($BOARD$)?><li><div>Объявлений:$BOARD$</li><?endif?>  
  <?if($PHOTO$)?><li><div>Фотографий:$PHOTO$</li><?endif?>  
  <?if($FAQ$)?><li><div>Ответов:$FAQ$</li><?endif?>  
  <?if($LOAD$)?><li><div>Файлов:$LOAD$</li><?endif?>  
  <?if($PUBL$)?><li><div>Статей:$PUBL$</li><?endif?>  
  <?if($TESTS$)?><li><div>Тестов:$TESTS$</li><?endif?>  
  <?if($VIDEO$)?><li><div>Видео:$VIDEO$</li><?endif?>  
  <?if($STUFF$)?><li><div>Игр:$STUFF$</li><?endif?>  
  </ul>


3. Вставляем в самый низ в Стили (CSS) (находится он тут: http://ВАШ САЙТ/panel/?a=tmpl;m=3;t=3 ) этот код:
Код
/* Правильный счетчик материалов  
  ------------------------------------------*/  
  .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;  
  }


4. Создаём новый блок, и вставляем в него номер вашего информера. Готово

Теги: материалов, счетчик

Ссылки:

Об авторе:

  • Логин: by_Lawanda
  • Комментариев нет

    • Добавьте комментарий, нам очень важно ваше мнение

    Добавить комментариев

    avatar

    Мини чат

    200

    Новости из соц. сетей

    Статистика


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

    Комментарии