Seo Форум

Web разработка => Разработка сайтов => Joomla => Тема начата: WebHope от 23-01-2015, 16:56:45

Название: Движение картинки при прокрутке страницы вниз.
Отправлено: WebHope от 23-01-2015, 16:56:45
Всем привет. С другом решили сделать сайт на Joomla, о нашем любимом хобби. Можно ли как-то сделать, чтобы при прокрутке страницы фоновая картинка, так же как и меню, ехала вниз или вверх?
Вот страница для примера http://guitar-place.ru/tsuatsatsa/33-3333.html
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: Seoboss от 23-01-2015, 17:04:21
position: fixed;
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: WebHope от 23-01-2015, 17:18:57
Seoboss, Это нужно где-то прописать?
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: Seoboss от 23-01-2015, 18:06:18
http://htmlbook.ru/css/position
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: submaster от 23-01-2015, 18:11:58
Цитата: WebHope от 23-01-2015, 17:18:57
Seoboss, Это нужно где-то прописать?
В каскадных таблицах.
Вам наверное вот сюда: http://htmlbook.ru/content/ispolzovanie-sloev (http://htmlbook.ru/content/ispolzovanie-sloev)

Самый верхний слой DIV
Позиция fixed;
Фон слоя: картинка;
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: WebHope от 23-01-2015, 18:55:37
submaster, не разбираюсь в этих делах я.
Я добавил в сюда <div class="uk-width-1-1 tm-sidebar-wrapper uk-hidden-medium uk-hidden-small" style="min-height: 5368px; position: relative; background-position
строку background-attachment: fixed; после ссылки на картинку фона. Стало получше но все ровно не так как хочется.
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: submaster от 23-01-2015, 19:10:59
А как хочется?
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: WebHope от 23-01-2015, 19:24:46
Типо такого http://sticky01.blogspot.ru/2013/09/2.html , ток чтоб у меня это была фоновая картинка в меню
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: submaster от 23-01-2015, 19:43:01
Понял. ))
Так то JS - джава скрипт. Так своруйте из примера?!   :D   (я про http://guitar-place.ru/tsuatsatsa/33-3333.html)

А так в меню закладываете слой:

<div id='menu'>
  <div id='fon' style='position: fixed;background-img:url('.........')'>
       <div id='menu'>
              весь фарш из вашего меню
       <div>
  </div>
</div>

Но, если хотите красиво и плавно, как в первом примере, то воруйте. ))
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: darkghost от 26-01-2015, 23:51:34
оно то собственно так и делается - 'position: fixed;background-img:url('.........')
Но не проще ли отыскать шаблон для Joomla, установить и воплощать свое желание в реальность на готовом решении?
Название: Re: Движение картинки при прокрутке страницы вниз.
Отправлено: WebHope от 30-01-2015, 16:32:13
darkghost, не все ищут легких путей))).