Понедельник, 23.10.2017, 07:07
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Какой поисковик Вы используете?


Всего ответов: 307

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 7
Гостей: 7
Пользователей: 0


Зарегистрировано 30413 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5119 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Дополнительные поля в материлы uCoz
Алексей написал:
Не работает
Новость: Блок баннеры "Наши друзья" uCoz
написал:
http://programm-ist.ucoz.org/полюбуйтесь моим сайтом))) Спс За Блок, надо подверстать! cool
Новость: Поисковые боты Google, Yandex, Rambler в статистики онлайн uCoz
написал:
в новый блок воткнул данный скрипт. Все ок. В новом блоке (бот) отображаются боты, а в статистике, добавилось/сколько ботов и посетителей Спасибо
Новость: Кнопка "На верх" для сайта UCOZ
написал:
У меня эти кнопки никак не проявляются. Пробовала разные ставить.
Новость: Выделяем цветом личные сообщения на uCoz сайте
andre написал:
Инструкции по установке скриптов http://mexanus.ru

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Меню для uCoz сайта » Добавлено [12.02.2014, 04:24]

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

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

В продолжение нашей темы меню для uCoz, мы хотим поделиться с вами одним отличным меню, которое легко установить, а так же и отредактировать. Для этого будут необходимы немного знания html и css, а так же админ панели uCoz сайтов. Если всё это вы умеете - тогда приступайте к установке.

Для наших прекрасных дам мы можем посоветовать узнать информацию про новый электрический эпилятор панасоник, который можно приобрести в panasoniceplaza - лучший шопинг центр в интернете.

Установка горизонтального меню для uCoz коричневого цвета:

Вставляем в ваши таблицы стилей (CSS) следующий код:
Код
*{
  margin:0;
  padding:0;
}
body{
  background:#fff;
  color:#666;  
  font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}
  #menu{
  width:700px;
  height:48px;
  background:url(http://webanfarwol.ru/IMG3/menu_013_bg.jpg) no-repeat;
  margin:15px;
  }
  #menu ul{
  list-style:none;
  padding:0 15px;
  }
  #menu li{
  list-style:none;
  display:block;
  float:left;
  margin:0 10px;
  }
  #menu li a{
  display:block;
  float:left;
  color:#c39e8f;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
  line-height:48px;
  padding:0 0 0 12px;
  text-decoration:none;
  cursor:pointer;
  }
  #menu li a span{
  display:block;
  float:left;
  color:#c39e8f;
  line-height:48px;
  padding:0 24px 0 10px;
  }
  #menu li a:hover{
  display:block;
  float:left;  
  background:url(http://webanfarwol.ru/IMG3/menu_013_h_l.jpg) no-repeat left center;
  height:48px;
  }
  #menu li a:hover span{
  display:block;
  float:left;  
  background:url(http://webanfarwol.ru/IMG3/menu_013_h_r.jpg) no-repeat right center;
  color:#fff;
  height:48px;
  }
  #menu li a.current{
  display:block;
  float:left;
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
  background:url(http://webanfarwol.ru/IMG3/menu_013_h_l.jpg) no-repeat left center;
  line-height:28px;
  padding:0 0 0 12px;
  text-decoration:none;
  }
  #menu li a.current span{  
  display:block;
  float:left;
  background:url(http://webanfarwol.ru/IMG3/menu_013_h_r.jpg) no-repeat right center;
  color:#fff;
  line-height:48px;
  padding:0 24px 0 10px;
  }

Отлично, теперь нам в то место где должна помещаться у вас горизонтальная навигация вставляем следующий код (ссылки ваши):

Код
<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>


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Горизонтальное меню для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Меню для uCoz сайта | Добавил: scripts_for_ucoz | Теги: Горизонтальное, цвета, коричневого, uCoz, меню
Просмотров: 13396 | Загрузок: 0 | Комментарии: 3 | Рейтинг: 0.0/0
Всего комментариев: 3
2 Шарлотка   (19.02.2014 22:19)
Спасибки. Чудненькая менюшка. Жаль лишних ссылок нет для меню. 5 штучек только.

3 SnowBars   (22.11.2016 20:06)
Можно добавить если html знать wink

1 Black-Yellow   (19.01.2014 20:12)
Вопросов нет. Разобралась мгновенно. Отлично подходит tongue

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz