Вторник, 22.08.2017, 08:22
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Нужны ли опросы на сайте?


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

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


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

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

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

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

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


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

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Counter Strike Шаблон для сайта uCoz
Дмитрий Чёрный написал:
Битая ссылка
Новость: 500 flash часов для ucoz
Doshin Doshinovish написал:
Ссылки битые
Новость: Красивый еффект при наведении на картинки для uCoz
DNZ написал:
И че? Обычные картинки. cool
Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
Женя Антонов написал:
БЛИН САЙТ ПРИКРЫЛИ
uCoz
403

У вас нет прав для просмотра этой страницы

Вернуться на главную страницу
sad
Новость: Как заработать в интернете? Стоит ли пробовать?
сергей клодт написал:
Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

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

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

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

Меню с анимацией на Css3 для uCoz

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

Благодаря k84pro и Apocalypse Мы Вам можем предложить воспользоваться ими созданным красивым анимационным меню, которое сделано на базе Css3! Выглядит меню прямо как на картинке, но чтобы его установить Вам понадобиться скачать архив с картинками и залить его через файловый менеджер к себе на сайт, а так же последующие знания HTML разметку будут тоже не лишними. Код CSS необходимо скопировать в CSS шаблон вашего uCoz сайта, и конечно, отредактированное под ваши нужны код самого меню нужно вставить в то место шаблонов, где Вы хотите именно видеть само меню.

Скачайте архив с картинками и залейте в папку images!

В любое место, где должно быть меню, вставляйте:
<ul class="k84apomenu">
  <div class="listact"></div>
  <div class="k84apolist">
  <a href="/"><li style="color:#fff !important;">На главную</li></a>
  <a href="/forum"><li>Форум</li></a>
  <a href="/blog"><li>Блог</li></a>
  <a href="/gb"><li>Гостевая</li></a>
  <a href="http://apo-ucoz.com"><li>На apo-ucoz</li></a>
  </div>
</ul>

<script>
$(document).ready(function() {
  // ApoTeam (c) 2013
  $('.listact').css({'margin-left': $('.k84apomenu li:first').offset().left-48 + 'px', 'width': parseInt($('.k84apomenu li:first').css('width')) + 100 + 'px'});
  $('.k84apomenu li').mouseover(function () {
  $('.k84apomenu li').removeAttr('style');
  $(this).attr('style', 'color:#fff !important');
  $('.listact').css({'margin-left': $(this).offset().left-48 + 'px', 'width': parseInt($(this).css('width')) + 100 + 'px'});
  });
  // by k84pro & Apocalypse
});
</script>


В любое место css шаблона вставляйте:

.k84apomenu {
  width:100%;
  height:70px;
  background:url('/images/k84maintube.png') repeat-x;
}
.k84apolist {
  position:absolute;
  z-index:2;
}
.k84apomenu li {
  list-style:none;
  display: inline-block;
  margin:28px 10px 0px 0px;
  padding-left:50px;
  padding-right:50px;
  font-weight: bold;
  color:red;
  text-decoration:italic;
  transition:color .3s ease;
  -o-transition:color .3s ease;
  -webkit-transition:color .3s ease;
  -moz-transition:color .3s ease;
}
.listact {
  position:absolute;
  color: #fff !important;
  height: 70px;
  text-align: center;
  background: url('/images/k84main.png') no-repeat;
  background-size:100% 70px;
  padding:28px 0px 0px -5px;
  margin-top: 0px !important;
  cursor:pointer;
  transition:all .3s ease;
  -o-transition:all .3s ease;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
}


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



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


- Установить на свой сайт блок социальных закладок
Категория: Меню для uCoz сайта | Добавил: scripts_for_ucoz | Теги: меню с анимацией, меню на сайт, Меню для ucoz, меню
Просмотров: 3296 | Загрузок: 44 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz