Поиск по сайту

Результаты поиска по тегам 'меню'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Поисковые системы
    • Поисковая оптимизация
    • Яндекс
    • Google
    • Другие поисковики
    • SMO
    • Каталоги
    • Инструкции и уроки
  • Основные форумы
    • Новости
    • Контекстная реклама
    • Партнерские программы
    • Сервисы, программы и скрипты
    • Дизайн
    • Домены
    • Биржа сайтов
    • Сайтостроительство
    • Хостинг
    • Финансы
    • Разное
    • Конкурсы
  • Работа
    • Правила раздела
    • Дизайн
    • Копирайт/Рерайт
    • SEO
    • SMO/SMM
    • Программирование
    • Разное
  • Другое
    • О нас
    • Black List
    • White List
    • Оффтопик

Найдено 8 результатов

  1. Здравствуйте! В главном меню сайта ряд ссылок скрыты за скриптом (т.е. href #, но по событию onclick на пункте меню с определённым id вызывается window.location.href = с нужной ссылкой) Проблема в следующем. Вёрстка адаптивная, и для узких экранов - своё меню (с теми же самыми id у пунктов меню), которое на широком экране имеет display: none (соответствующие правила прописываются в классе "responsive", присвоенном div-у, в который вложено адаптивное меню). На узких экранах, соответственно, "полноформатное" меню скрывается за display: none. То есть в коде страницы присутствует по два элемента с одним и тем же id. Меню для широких экранов находится ниже в тексте кода, но на один уровень вложенности выше, чем меню для узких экранов, поэтому на узких экранах скрипт не понимает, что от него требуется. Получается, что пользователь мобильника жмёт на пункт адаптивного меню, а события onclick не происходит (в то время как на "широком" меню всё ок). В упрощённом виде HTML такой: <div id="nav"> <div class="responsive"> <ul id="menu"> <li id="item-01">...</li> <li id="item-02">...</li> <li id="item-03">...</li> </ul> </div> <ul id="menu"> <li id="item-01">...</li> <li id="item-02">...</li> <li id="item-03">...</li> </ul> </div> Скрипт для перехода по ссылкам выглядит так: jQuery(document).ready(function($) { $("#item-01").on("click", function(e){ window.location.href = '/page-1/'; }); $("#item-02").on("click", function(e){ window.location.href = '/page-2/'; }); $("#item-03").on("click", function(e){ window.location.href = '/page-3/'; }); }); Подскажите, пожалуйста, как заставить это всё добро работать и в адаптивной вёрстке (т.е. чтобы и меню из div.responsive работало)? В идеале сделать так, чтобы работало то меню, которое в данный момент отображается (т.е. НЕ display: none). Менять id для адаптивного меню - не вариант (((
  2. Всем привет. Не добавляется картинка к пункту main меню через административную панель Joomla (версия 3.6.5.). Каким образом пытался добавить?: main menu - "моё мёню"- параметры ссылки - выбрать картинку. При нажатии на кнопку "Выбрать" кнопка не активна и не реагирует "на раздражители")) )(скриншот) Самое интересное в том, что при создании первого пункта в этом меню я легко добавил картинку таким образом, а спустя несколько дней данная функция перестала работать и даже к первому пункту меню не получается изменить или даже удалить иконку. Версия Joomla 3.6.5 Использую hikashop, Cherry Picker for HikaShop Пробовал поочерёдно отключать все модули и расширения, но проблема таким образом не решается. Сталкивался ли кто-нибудь с этим? Есть ли идеи? Всем спасибо.
  3. Вот код шапки. html+css http://jsbin.com/wusekufina/edit?html,css,output чтоб правильно увидеть окно браузера, растяните часть jsbinA аутпут до 790+ пикселей. Как через js сделать при прокрутке страницы (на 50-100-200... пикс.) изменения шапки? Нужно чтоб меню стало в один ряд с логотипом, и уменьшился шрифт в самих пунктов меню. А при скроллинге обратно шапка стала на место. Пробывал такие варианты: $(window).scroll(function(){ var scrolled = $(this).scrollTop(); if( scrolled >= 107 ) { $('.main-navigation a').addClass('КЛАСС с изменениями'); } if( scrolled <= 107 ) { $('.main-navigation a').removeClass('КЛАСС с изменениями'); } }); не выходит ничего не меняет. window.onscroll = function(){ var html = document.documentElement, body = document.body; var BlkStyle = document.getElementById('block').style; /*--тут искал и бай КлассНаме, и икспас...---*/ if(html.scrollTop>49||body.scrollTop>49) { //alert() BlkStyle.borderColor="blue"; BlkStyle.height="34px"; } else BlkStyle.height=BlkStyle.borderColor=""; } И тут не могу понять. Прошу помощи.
  4. Доброго времени суток уважаемые....Веб_Мастера! Подскажите пожалуйста как на Ворд-Пресс реализовать Красивое боковое меню? Кто, Чем пользуется?, Плагины, либо делаете в виде таблиц можно в КоD!, в виджете вставить, возможно кто-то предпочитает" Related Posts", и что лучше?.. Общем: Хочу из обычных строк - сделать Красивое меню с картинками. Раньше практиковал делать подобное - через таблицы, но на мой взгляд это не слишком удобно. Подскажите кто знает как делаются Меню с картинками, так-же интересует на сколько трудно сделать картинки в Верхнем(горизонтальном) меню.. Сам пациент Программы находится здесь. Сейчас Стоит обыкновенный виджет, посоветуйте что-то Оригинальное.)) Вторая Картинка это что-то,типа того, что я Хочу сделать.
  5. onload = function() { (new ShowHide('hide-text', 'caption-text')).init(); } Есть скрипт выпадающего меню при клике на него, но вот что бы его закрыть, нужно опять по нем кликнуть, как прописать так что бы оно закрывалось и при клике в другом месте страницы? Вот еще один код: function ShowHide(c,d){this.hideClass=document.getElementsByClassName(c);this.captionClass=document.getElementsByClassName(d);for(var b=this,a=this.hideClass.length;a--;)this.hideClass[a].style.display="none";this.init=function(){for(var a=b.captionClass.length;a--;)b.captionClass[a].onclick=function(){var a=this.parentNode.children[1];switch(a.style.display){case "none":for(var c=b.hideClass.length;c--;)b.hideClass[c].style.display="none";a.style.display="block";break;case "block":a.style.display="none"}},b.captionClass[a].onmousedown=b.captionClass[a].onselectstart=function(){return!1}}}void 0==document.getElementsByClassName&&(document.getElementsByClassName=function(c){for(var d=[],c=RegExp("\\b"+c+"\\b"),b=this.getElementsByTagName("*"),a=b.length;a--;)c.test(b[a].className)&&d.push(b[a]);return d});
  6. Всем добрый вечер. Возникла одна проблема. Скорее всего это связано с CSS, но после долгих попыток я ничего не смог сделать. Чую, что нужно подправить всего лишь одну строчку, но я не в состоянии. Если требуются серьезные правки, то готов заплатить. Код меню: <div id="cssmenu"> <ul> <li><a href="/"><span>Главная</span></a></li> <li><a href="/news/"><span>Новости</span></a></li> <li><a href="/"><span>Новичкам</span></a></li> <li><a href="/"><span>DOTA 2</span></a></li> <li><a href="/"><span>DOTA 2</span></a></li> </ul> </div> CSS: #cssmenu{width:1000px; margin:34px auto; height:37px; display:block; padding:0;} #cssmenu > ul {list-style:inside none; padding:0; margin:0;} #cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} #cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; } #cssmenu > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } #cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} #cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; } #cssmenu > ul > li.has-sub:hover > a:before{top:19px;} #cssmenu ul li.has-sub:hover > a{ background:#8cbb43; border-color:#fff; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;border: 2px solid #8cbb43;} #cssmenu ul li.has-sub > a:hover{background:#8cbb43; border-color:#fff;} #cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#fff; border-radius:0 0 5px 5px; z-index:999; } #cssmenu ul li > ul{width:200px;} #cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} #cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#202020; text-decoration:none;} #cssmenu > ul > li > ul > li a:hover{ background:#8cbb43;} #cssmenu {background: #fff;} #cssmenu{border-color:#8cbb43;} #cssmenu > ul > li > a{color:#202020;} #cssmenu > ul > li > a:after{border-color:#6ed1ff;} #cssmenu > ul > li > a:hover{background:#8cbb43;} Проблема заключается вот в этом: Как видите последняя ссылка в меню немного съезжает.
  7. Вечер добрый! Точно говорят, что к вечеру голова уже не варит... Подкиньте, плиз, идейку, как "обозвать" рубрику на сайте, где предполагается размещение текстов о сборе, хранении фруктов, ягод, зелени, овощей и ещё о заготовках на зиму. Моя голова "выдает" сегодня либо что-то длинное, либо не совсем логичное, а хотелось бы кратко и лаконично. Заранее спасибо за варианты!
  8. Всем привет! Опыта работы с данным движком не имею. Вроде бы создал страницу, сделал пункт в меню, а он почему-то не отображается. Кто-нибудь может помочь?