Менюшки

делимся и делаем

 
Sometime CMS Community
Посетитель
no avatar
Медаль
Сообщений: 279
Для начального пользователя в Инстанте, достаточно небольшой выбор меню, перерыв весь форум и блоги, нашел лишь 2 варианта юзабельных меню. Естественно хотелось лучшего, тем паче эти меню уже достаточно старенькие. Однако под Инстант сделать меню не просто вставить образец, я пишу так, как это выглядит для меня.
Понятна основа, есть например образец меню, ясно со стилем css, но неясен вопрос, как его прописать, откуда ему брать данные и что вставлять в темплате.
Возникает там кстати еще один вопрос, как сделать меню, так, чтобы оно например показывало другие пункты, то есть меню с двух частей, повысилась бы юзабельность, там где много пунктов. Сейчас я выложу образец, того, что имеется, и естественно кто может помочь..очень просил бы обьяснить принцип, это сделало бы для многих таких как я процесс создания меню понятным, появилсь бы варианты меню разных.

Итак беру образец меню, он состоит из кода пунктов меню, стиля, и графических файлов, я могу добавить стили, закинуть графику и подключить модулем, при этом прописав все пункты вручную! Однако это меню не реагирует на создание в меню новых пунктов.

Выкладываю коды
Стиль

/* --------------------------

----------------------------*/
*{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
width:700px;
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
margin:0 1px;
}
#menu li a{
display:block;
float:left;
height:52px;
color:#0e7b93;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(images/menu_027_l.jpg) no-repeat left;
line-height:39px;
padding:0 0 0 18px;
text-decoration:none;
}
#menu li a span{
display:block;
float:left;
background:url(images/menu_027_r.jpg) no-repeat right;
height:52px;
color:#0e7b93;
line-height:39px;
padding:0 36px 0 17px;
}
#menu li a:hover{
display:block;
float:left;
background:url(images/menu_027_h_l.jpg) no-repeat left;
height:52px;
}
#menu li a:hover span{
display:block;
float:left;
background:url(images/menu_027_h_r.jpg) no-repeat right;
color:#7c832d;
height:52px;
}
#menu li a.current{
display:block;
float:left;
height:52px;
color:#7c832d;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(images/menu_027_h_l.jpg) no-repeat left;
line-height:39px;
padding:0 0 0 18px;
text-decoration:none;
}
#menu li a.current span{
display:block;
float:left;
background:url(images/menu_027_h_r.jpg) no-repeat right;
height:52px;
color:#7c832d;
line-height:39px;
padding:0 36px 0 17px;
}




теперь код html который надо привести под Инстант.


<head>


<title>Capzl Css Menu</title>
<link href="style.css" rel="stylesheet" media="all" />
</head>
<body>
<div id="menu">
<ul>
<li><a href="#" class="current"><span>home</span></a></li>
<li><a href="#"><span>about us</span></a></li>
<li><a href="#"><span>services</span></a></li>
<li><a href="#"><span>solutions</span></a></li>
<li><a href="#"><span>contact us</span></a></li>
</ul>
</div>
</body>
</html>

прилеплю все меню в архиве, чтобы желающий помочь мог иметь под рукой все.
Прикрепленные файлы:
menu_027_zip_2ca79.zip | 7.32 Кб | Скачали: 443
Редактировалось: 1 раз (Последний: 31 марта 2011 в 12:19)
Sometime CMS Community
Посетитель
no avatar
Медаль
Сообщений: 279
ну успокаивает что народ вовсю качает)) может будут экспериментировать и у кого выйдет вариант нормальный..пришлось мне так и оформлять с прописыванием ссылок. А вообще есть изумительные меню на флеш..взялся бы кто помочь их поставить..
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 3396
я мечтаю о таком меню...
Менюшки

1 в один с путями
Дизайн для Инстант = Я зарабатываю тут =
= Уроки для Конструктора тем =
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.