Главная » 2013 » Август » 11 » Меню рубрик благодаря $CATEGORIES_JSON$ (Скрипты для ucoz)
11.08.2013, 12:10

Меню рубрик благодаря $CATEGORIES_JSON$



$CATEGORIES_JSON$ - обычное меню выбор категорий uCoz и как многие могли заметить, первое, что бросается в глаза, так это отсутствие квадратных скобок в контейнере с количеством материала. Но это не единственный плюс данного решения.

Самое главное это то, что теперь мы сможем создать свой html каркас данного меню, вписав в него нужные значения для отображения нужной информации.
Вот такие значения можно в него вписать:

Код

<a href="'+cat[i].url+'" id="mc'+cat[i].id+'" >'+cat[i].name+'<span>'+cat[i].entries+' </span></a>


'+cat[i].id+' - идентификатор категории
'+cat[i].url+' - ссылка в категорию
'+cat[i].name+' - название категории
'+cat[i].entries+' - количество материала в категории
'+cat[i].description+' - описание категории

Вот пример изменения (как на скрншоте):


1. В нужное место на странице сайта:

Код
<?if($CATEGORIES_JSON$)?>
<div class="menu-categories">
<script type="text/javascript">
var cat = $CATEGORIES_JSON$;
$(cat).each(function(i){
  document.write('<a id="mc'+cat[i].id+'" href="'+cat[i].url+'">'+cat[i].name+'<span>'+cat[i].entries+' </span></a>');
});
</script>

</div>
<?endif?>

2. Пропишем css стили:

Код
/* Создаём меню $CATEGORIES_JSON$  
------------------------------------------*/
.menu-categories {
  float:left;
  width:250px;  
  padding: 0px 0px;  
  background: #fff;
  border: 1px solid #CAD3DA;
  border-radius:5px;
  overflow: hidden;
}  

.menu-categories a:link,  
.menu-categories a:visited,  
.menu-categories a:active {  
  float:left;
  width:230px;  
  color:#595C66;  
  display:block;  
  padding:5px 10px 5px 10px;  
  border-bottom: 1px dotted #B6C0CD;
}

.menu-categories a:hover{
  color:#595C66;
  background:#F1F8FB;
}

.menu-categories span {  
  float:right;
  padding:1px 7px;
  background:#9EA5A8;
  margin: 0px 0px 0px 0px;  
   
  font:9px Verdana,Arial,sans-serif;  
  font-weight: bold;  
  color:#fff;  
  border-radius:3px;
}

#mc5 {  
  border-bottom: none;
}


#mc5 на свой номер идентификатора который прописан последней рубрике в данном меню.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: center-dm.ru
Категория: Скрипты uCoz | Просмотров: 908 | Добавил: sold93 | Рейтинг: 5.0/1 |
Теги: благодаря, еню, $CATEGORIES_JSON$, рубрик
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]