Плавающая навигация - Webmasters.ru - RSS http://webmasters.ru/forum/showthread.php?t=42604 SEO форум вебмастеров - Поисковые системы, оптимизация, раскрутка сайта, оптимизация и продвижение сайта в поисковых системах 1743357735 Elesite CMS 60 http://webmasters.ru/forum/images/wm/misc/rss.png SEO форум вебмастеров Webmasters.ru http://webmasters.ru/forum Плавающая навигация by Delpix http://webmasters.ru/forum/showpost.php?p=445588 Thu, 04 Apr 2013 18:02:31 GMT В левой части страницы хочу разместить блок навигации по материалу. Блок должен содержать ссылки, и прокручиваться вместе со страницей. Шикарно было бы еще сделать быстрый поиск, но это слишком сложно. В общем как по проще реализовать идею. 9337 Плавающая навигация by zelez http://webmasters.ru/forum/showpost.php?p=445592 Thu, 04 Apr 2013 18:09:33 GMT Delpix,А сайт вообще на чем? Видел шаблон квикстарт для джумлы от какой-то студии, так там такое меню уже было реализовано... Сайт уже есть и надо это доделать или сайта еще нет? Плавающая навигация by Delpix http://webmasters.ru/forum/showpost.php?p=445595 Thu, 04 Apr 2013 18:13:05 GMT zelez, Сайт уже есть. Движок WordPress Плавающая навигация by Сергей Гопляк http://webmasters.ru/forum/showpost.php?p=445740 Thu, 04 Apr 2013 22:44:52 GMT да вроде все просто если правильно понял: Ссылка1 Ссылка2 Ссылка3 Ссылка4 Ссылка5 Ссылка6 в css #link { position: fixed; margin-left: -160px; margin-top: 30px; z-index: 999; background: rgb(202, 202, 202); width: 130px; list-style: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #link ul { list-style-type: decimal; padding: 10px; margin-left: 22px; margin-bottom: 20px; } #link ul li { padding: 2px; font-size: 13px; } дальше думаю подгоните под свои нужды!!! если что пишите:D Поиск не втавлял... в css #link { position: fixed; margin-left: -160px; margin-top: 30px; z-index: 999; background: rgb(202, 202, 202); width: 130px; list-style: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } #link ul { list-style-type: decimal; padding: 10px; margin-left: 22px; margin-bottom: 20px; } #link ul li { padding: 2px; font-size: 13px; } дальше думаю подгоните под свои нужды!!! если что пишите:D Поиск не втавлял...]]> Плавающая навигация by Faraday http://webmasters.ru/forum/showpost.php?p=445808 Fri, 05 Apr 2013 06:04:20 GMT Да, вся фишка в CSS свойстве position: fixed; для блока с навигацией. И он не будет прокручиваться вместе со страницей. А внутри можно вставить всё что душе угодно. Плавающая навигация by OKyJIucT http://webmasters.ru/forum/showpost.php?p=445830 Fri, 05 Apr 2013 06:39:16 GMT Есть отличный плагин JQuery Portamento (http://simianstudios.com/portamento/), сам им пользовался - простой и удобный Плавающая навигация by Сергей Гопляк http://webmasters.ru/forum/showpost.php?p=445950 Fri, 05 Apr 2013 10:05:43 GMT OKyJIucT, я не правильно понял или мой вариант не работает? Плавающая навигация by OKyJIucT http://webmasters.ru/forum/showpost.php?p=445955 Fri, 05 Apr 2013 10:15:12 GMT Сергей Гопляк, если честно, я не проверял ваш вариант, поэтому ничего не могу сказать) Но судя по коду, все работает превосходно, только ваш блок с идентификатором link будет спрятан слева за границей экрана. Я посоветовал собственный вариант, которым пользовался, и который работает. Плюс, в моем варианте есть несколько фишек в плане настройки отображения и поведения при прокрутке страницы. Плавающая навигация by Delpix http://webmasters.ru/forum/showpost.php?p=448038 Tue, 09 Apr 2013 09:12:42 GMT Сергей Гопляк, Вроде все сделал, вот что вышло: 9407 Плавающая навигация by Delpix http://webmasters.ru/forum/showpost.php?p=448039 Tue, 09 Apr 2013 09:17:50 GMT OKyJIucT, Спасибо, но я плох в английском Плавающая навигация by madcap http://webmasters.ru/forum/showpost.php?p=449019 Thu, 11 Apr 2013 00:02:10 GMT Без JQuery красивое и плавное перемещение блока вряд ли получится одними средствами CSS сделать. Плавающая навигация by Сергей Гопляк http://webmasters.ru/forum/showpost.php?p=449956 Fri, 12 Apr 2013 20:30:35 GMT madcap, все получится если захотеть:) вот только автор вроде как вопрос решил, так что думаю тему можно прикрыть:) Плавающая навигация by Delpix http://webmasters.ru/forum/showpost.php?p=453484 Fri, 19 Apr 2013 11:58:28 GMT Сергей Гопляк, Я не решил вопрос. Навигацию так сделать и не удалось ---------- Сообщение добавлено 16:58 ---------- Предыдущее 16:56 ---------- Сергей Гопляк,Никакой Плавающей навигации у меня не вышло http://webmasters.ru/forum/f74/plavayuschaya-navigaciya-42604/#post448038 Плавающая навигация by Сергей Гопляк http://webmasters.ru/forum/showpost.php?p=453545 Fri, 19 Apr 2013 13:47:57 GMT Delpix, у меня все работает, вставляйте html код в файл sidebar.php не получиться, пишите в аську, буду ближе к ночи Плавающая навигация by Delpix http://webmasters.ru/forum/showpost.php?p=454818 Mon, 22 Apr 2013 12:18:47 GMT Сергей Гопляк, Вставил. Все хорошо, спасибо, но ссылки должны быть на каждой странице разные