ВСЕ-ВСЕ
Главная | Регистрация | Вход
Вторник, 22.05.2018, 17:33
Меню сайта
Block title
Категории раздела
Форма входа [11]
скрипты Поздравления [3]
Статистика [8]
Украшения [1]
Персональная страница [5]
Меню [11]
Вид материалов для каталога файлов [1]
Вид материалов для каталога сайтов [1]
Вид материалов для каталога статей [0]
блок для сайта ucoz [32]
Страница 404 [1]
Мини-чат для ucoz [4]
Скрипты для сайтов кс [5]
Вид фотографий для ucoz [1]
Вид комментариев для ucoz [0]
Мини-профиль [15]
Облако тегов на Ucoz [2]
Форма добавления коментариев [0]
Опросы [4]
flash часы [5]
Радио и тв онлайн [1]
Пак скриптов для ucoz [1]
Оповещение о новых сообщениях [1]
Поиск по сайту [1]
Разное [15]
ajax [4]
Топ файловиков [1]
Вид новостей [2]
Защита контента [5]
Переключатель страниц [10]
Репутация [4]
Мини-чат
Наш опрос
Какой подарок ты хотел бы получить на новый год
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Файлы » Скрипты для ucoz » Меню

Простое горизонтальное меню с профилем by gig-softa
07.01.2011, 19:02

Горизонтальное меню 

1. В CSS вставляем этот код:

Code
/* Gorizontal menu style by GSDisign.ucoz.ru */
<br/>
<br/>
#menu {
<br/>
height: 27px;
<br/>
behavior: url(http://www.htmlblog.ru/examples/gmenu/csshover.htc);
<br/>
background: #9ea8b2 url(http://proba-saytov.ucoz.com/exempl.gif) repeat-x;
<br/>
}
<br/>
#menu ul, li {
<br/>
margin: 0px;
<br/>
padding: 0px;
<br/>
}
<br/>
ul.menu {
<br/>
float: left;
<br/>
}
<br/>
#menu ul.menu li {
<br/>
margin: 0px;
<br/>
float: left;
<br/>
width: 140px;
<br/>
height: 27px;
<br/>
display: block;
<br/>
padding-top: 10px;
<br/>
text-align: center;
<br/>
}
<br/>
#menu ul.menu li:hover {
<br/>
background: #5e717f url(http://proba-saytov.ucoz.com/exempl1.gif) repeat-x;
<br/>
}
<br/>
#menu ul.menu li:hover ul.submenu {
<br/>
display: block;
<br/>
-margin-top: -27px;
<br/>
-margin-left: -140px;
<br/>
}
<br/>
#menu ul.menu li ul.submenu {
<br/>
display: none;
<br/>
margin-top: 10px;
<br/>
position: absolute;
<br/>
background: #bcc4ce;
<br/>
}
<br/>
#menu ul.menu li ul.submenu li {
<br/>
float: none;
<br/>
display: block;
<br/>
}
<br/>
#menu ul.menu ul.submenu li:hover {
<br/>
background: #9ca6b0;
<br/>
}
<br/>
#menu ul li a {
<br/>
color: #fff;
<br/>
font-size: 11px;
<br/>
text-decoration: none;
<br/>
}
<br/>
#menu ul li a:hover {color: #ecd661;}
<br/>
#menu ul.submenu li a {
<br/>
color: #4f5458;
<br/>
font-size: 11px;
<br/>
text-decoration: none;}
<br/>
#menu ul.submenu li a:hover {
<br/>
color: #152535;
<br/>
}
<br/>
<br/>
/* ---------- Gorizontal menu style by GSDisign.ucoz.ru ---------- */

2. Открываем страницу на которой должно быть меню и в нужное место вставляем это:

Code
<div id="menu">
<br/>
<ul class="menu">
<br/>
<li><a href="http://torrentmd.3dn.ru/">Главная</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Info.png"><a href="#">Об авторе и блоге</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Line_Chart.png"><a href="$SITE_URL$/news/">Новости</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Load.png"><a href="$SITE_URL$/load/">Файлы</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Modify.png"><a href="$SITE_URL$/publ/">Статьи</a></li>
<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Bar_Chart.png"><a href="$SITE_URL$/forum/">Форум</a></li>
<br/>

<br/>
<li><img alt="" src="http://proba-saytov.ucoz.com/mg/menu/Profile.png"><a href="$SITE_URL$/index/8">Мой профиль</a>
<br/>
<ul class="submenu">
<br/>
<li><a href="$SITE_URL$/index/14-1">Принятые сообщения</a></li>
<br/>
<li><a href="$SITE_URL$/index/14-0-0-1">Отправить ЛС</a></li>
<br/>
<li><a href="$SITE_URL$/load/0-0-$USER_ID$-0-17">Мои файлы</a></li>
<br/>
<li><a href="$SITE_URL$/publ/0-0-$USER_ID$-0-17">Мои статьи</a></li>
<br/>
<li><a href="$SITE_URL$/news/0-0-0-0-17-$USER_ID$">Мои новости</a></li>
<br/>
<li><a href="$SITE_URL$/load/0-0-0-0-1">Добавить файл</a></li>
<br/>
<li><a href="$SITE_URL$/publ/0-0-0-0-1">Добавить статью</a></li>
<br/>
<li><a href="$SITE_URL$/news/0-0-0-0-1">Добавить новость</a></li>
<br/>
<li><a href="$SITE_URL$/index/10">Покинуть сайт</a></li>
<br/>
</ul>
<br/>
</li>
<br/>

<br/>
</ul>
<br/>
</div>

Все устоновка закончена

Источник: o-ucoze.ru

Категория: Меню | Добавил: Жиган | Теги: скрипт меню +для сайта ucoz, скрипт горизонтальное меню +для uco, скрипты +для ucoz меню, скачать скрипт меню +для ucoz, скрипт cs меню +для ucoz, скрипты
Просмотров: 368 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Copyright MyCorp © 2018
    Бесплатный конструктор сайтов - uCoz