Плавающая навигация - Webmasters.ru - RSS
http://webmasters.ru/forum/showthread.php?t=42604
SEO форум вебмастеров - Поисковые системы, оптимизация, раскрутка сайта, оптимизация и продвижение сайта в поисковых системах1743357735Elesite CMS60http://webmasters.ru/forum/images/wm/misc/rss.pngSEO форум вебмастеров 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 GMTDelpix,А сайт вообще на чем?
Видел шаблон квикстарт для джумлы от какой-то студии, так там такое меню уже было реализовано... Сайт уже есть и надо это доделать или сайта еще нет?Плавающая навигация by Delpix
http://webmasters.ru/forum/showpost.php?p=445595
Thu, 04 Apr 2013 18:13:05 GMTzelez, Сайт уже есть. Движок 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 GMTOKyJIucT, я не правильно понял или мой вариант не работает?Плавающая навигация 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 GMTOKyJIucT, Спасибо, но я плох в английскомПлавающая навигация 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 GMTmadcap, все получится если захотеть:) вот только автор вроде как вопрос решил, так что думаю тему можно прикрыть:)Плавающая навигация 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 GMTDelpix, у меня все работает, вставляйте html код в файл sidebar.php
не получиться, пишите в аську, буду ближе к ночиПлавающая навигация by Delpix
http://webmasters.ru/forum/showpost.php?p=454818
Mon, 22 Apr 2013 12:18:47 GMTСергей Гопляк, Вставил. Все хорошо, спасибо, но ссылки должны быть на каждой странице разные