Вторник, 20.11.2018, 03:56
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Лайкнули наши группы в соц-ых сетях?


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

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


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

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

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

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

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


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

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Фотогалерея для uCoz с плавным увеличением фото (lightbox)
Павел написал:
ваша фотогалерея не работает на шаблонах ucoz, перепроверьте работоспособность и исправьте свои ошибки. спасибо
Новость: Музыкальный шаблон
eddison написал:
doe it use file catalog or forum?
Новость: Что такое деревопласт? Приобретение забора из деревопласта?
написал:
Интересный материал для строительства, даже не слышал о таком. smile

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

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

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

Красивое и рабочее меню для uCoz

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

Меню на сайте uCoz должно быть не только функциональным, удобным, но и красивым с отличным дизайном, на которое пользователи будут с радостью кликать. В этом материале мы как раз и представим одно из таких меню. Хочу обратить внимание, что ведь дизайн храниться в CSS коде и его можно, и даже Нужно изменять, чтобы ваш сайт был уникальным и не похожим ни на один другой. Для этого вам нужно знать хотя бы основы разметки Html и Css. Удачи в установке и разработке вашего прекрасного сайта, такого как мир кубиков.


Меню для uCoz в серых тонах

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

Шаг-1 Установка CSS

Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и в самый низ вставляем:
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }
   
img {
  border: none;
  }
   
#menu {
  width: 200px;
  margin: 10px;
  }
   
#menu li a {
  height: 32px;
  voice-family: "\"}\"";  
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
  }  
   
#menu li a:link, #menu li a:visited {
  color: #FFF;
  display: block;
  background: url(http://wallaby.ucoz.ru/demo/img/menu.gif);
  padding: 8px 0 0 35px;
  }
   
#menu li a:hover {
  color: #FFF;
  background: url(http://wallaby.ucoz.ru/demo/img/menu.gif) 0 -32px;
  padding: 8px 0 0 35px;
  }
#menu li span {
  position: absolute;
  left: 12em;
  margin-top: -1.4em;
  width: 10em;
  display: none;
  }
#menu li:hover span { display: block;}
#menu li span a { display: inline; }

Шаг-2 Установка HTML
Вставляем в нужное на сайте место, обычно это Глобальные блоки: Верхняя часть сайта.

<div id="menu">
  <ul>
  <li><a href="http://wallaby.ucoz.ru">CSS Главная</a></li>
  <li><a href="#">CSS Меню</a>
  <span>  
  <a href="#">1Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>  
  </span>
  </li>
  <li><a href="#">CSS Меню</a>
  <span>  
  <a href="#">2Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>  
  </span>
  </li>
  <li><a href="#">CSS Меню</a>
  <span>  
  <a href="#">3Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>  
  </span>
  </li>
  <li><a href="#">CSS Меню</a>
  <span>  
  <a href="#">4Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>  
  </span>
  </li>
  <li><a href="#">CSS Меню</a>
  <span>  
  <a href="#">5Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>  
  </span>
  </li>
  <li><a href="#">CSS Меню</a>
  <span>  
  <a href="#">6Ссылка</a>
  <a href="#">Ссылка</a>
  <a href="#">Ссылка</a>  
  </span>
  </li>
  </ul>
</div>


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



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


- Установить на свой сайт блок социальных закладок
Категория: Меню для uCoz сайта | Добавил: scripts_for_ucoz | Теги: Красивое, uCoz, рабочее, меню
Просмотров: 13727 | Загрузок: 0 | Комментарии: 5 | Рейтинг: 0.0/0
Всего комментариев: 4
3 nastena1709   (03.03.2014 15:09)
Здравствуйте! я совсем новичок во всем этом. установила шаблон - меню появилось, но и старое стандартное тоже осталось. как с этим быть? и как изменить названия этих CSS меню?

2 Sultan_X   (03.02.2014 10:28)
добрый день! хорошее решение, а для такого сайта www.hfaktobe.ucoz.ru можно сделать меню?

4 SCREEN   (19.03.2014 11:34)
У меня вот тоже смотри http://gms-cheats.ucoz.net/

1 Black-Yellow   (19.01.2014 19:42)
Действительно очень порадовало это предложение. Класс tongue

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

Хостинг от uCoz