Среда, 26.03.2025, 03:44
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Как найти работу в Самаре?
  • Кто сегодня покупает мальков белого амура?
  • В ДНР с каждым днем продается все больше квартир: Трамп обещает мир
  • Какие бывают системы охранной сигнализации
  • Как БПЛА можно применять в быту
  • Зачем женщины заказывают обертывание
  • Как работают суточные мониторы для диагностики ЭКГ
  • В марте 2025 года в Могилеве возник дефицит профлиста
  • Из-за действий Дональда Трампа в США вырос спрос на миграционных юристов
  • Для чего сегодня используют консольные краны
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Каким EMAIL Вы пользуетесь?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г.
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г. Поставь правильно
    Не убрать календарики правильно
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Отрывные календари 2022 г.
    Карманные календарики 2010 г.
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г. Поставь правильно
    Не убрать календарики правильно
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Әлия әшім
    Земфира воробьева
    Новость: Фото галерея для сайта укоз - модуль фотоальбомы uCoz
    Sultanbek Ajdos написал:
    Частот каналов Г. Кокшетау, Казахстан от 02.01.2013, ср
    КОКШЕТАУ
    Среда, 2 января 2013 г.
    СРЕДА
    02.01.2013
    КАЗАХСТАН-КОКШЕТАУ - 3 КАНАЛ
    КТК - 5 КАНАЛ
    КАЗАХСТАН - 6 КАНАЛ
    ХАБАР - 9 КАНАЛ
    ПЕРВЫЙ КАНАЛ ЕВРАЗИЯ - 11 КАНАЛ
    ЕЛ-АРНА - 23 КАНАЛ
    НТК - 33 КАНАЛ
    АСТАНА - 36 КАНАЛ
    TVP POLONIA - 38 КАНАЛ
    7 КАНАЛ - 57 КАНАЛ

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

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

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

    Красивое и новое меню на uCoz сайт с картинками

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

    Очередное прекрасное красивое и новое меню на uCoz сайт, сделанное современно и профессионально. Код для данного меню адаптировал для именно укоз веб-мастер Apocalypse. Чем интересно меню - самое необычное это то, что при нажатие на ссылку из меню открывается новая картинка, а так же всё это сопутствует красивыми плавными переходами, прямо как процесс настила линолеума. Установите сами это на своём сайте и опробуйте все возможности этого нового меню для uCoz. Не забудьте то, чтобы устанавливать такие коды на свой сайт, нужно хоть немного разбираться в html разметке сайта. На каждый вопрос в комментарии мы попробуем вам дать ответ как можно оперативнее. Каждое спасибо от вас это поделиться этой новостью в своих социальных сетях. Заранее спасибо и переходим к установке.  


    Установка:

    В самый низ вашего css вставляйте:


    .mh-menu {
    height: 385px;
    width: 600px;
    margin-left: 0px;
    position: relative;
    }
    .mh-menu li {
    width: 300px;
    list-style:none;
    }
    .mh-menu li a {
    display: block;
    width: 280px;
    padding: 0px 10px;
    text-align: right;
    position: relative;
    z-index: 10;
    background: #fff;
    height: 97px;
    border-right: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.8);
    text-decoration:none;
    }
    .mh-menu li:nth-child(1):hover a {
    background-color: rgba(174, 54, 55, 0.9);
    }
    .mh-menu li:nth-child(2):hover a {
    background-color: rgba(195, 210, 67, 0.9)
    }
    .mh-menu li:nth-child(3):hover a {
    background-color: rgba(211, 132, 57, 0.9);
    }
    .mh-menu li:nth-child(4):hover a {
    background-color: rgba(142, 116, 99, 0.9);
    }
    .mh-menu li a span {
    display:block;
    }
    .mh-menu li a span:first-child {
    font-weight: 700;
    font-size: 16px;
    color: #ddd;
    padding-top: 10px;
    font-family:'Alegreya SC', Georgia, serif;
    }
    .mh-menu li a span:nth-child(2) {
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    font-family:'Alegreya SC', Georgia, serif;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    transition: color 0.2s linear;
    }
    .mh-menu li:hover span:nth-child(2) {
    color: #fff;
    }
    .mh-menu li img {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    opacity: 0;
    -webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    -moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    -o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    -ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
    }
    .mh-menu li:hover img {
    left: 300px;
    opacity: 1;
    }


    Следующий код в то место, где будет меню:

    <ul class="mh-menu">
    <li>
    <a href="#"><span>Мы несём добро в сеть</span> <span>APO-UCOZ.COM</span></a>
    <img src="Ссылка на картинку" alt="image01" />
    </li>
    <li>
    <a href="#"><span>Описание 2</span> <span>Заголовок 2</span></a>
    <img src="Ссылка на картинку 1" alt="image02" />
    </li>
    <li>
    <a href="#"><span>Описание 3</span> <span>Заголовок 3</span></a>
    <img src="Ссылка на картинку 3" alt="image03" />
    </li>
    <li>
    <a href="#"><span>Описание 4</span> <span>Заголовок 4</span></a>
    <img src="Ссылка на картинку" alt="image04" />
    </li>
    </ul>


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



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


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

    По вопросам сотрудничества и рекламы пишите на почту rusalex11@live.com Хостинг от uCoz