Перейти к содержимому


Кнопка Скроллинга Страницы


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 12 Апрель 2017 - 22:29

Здравствуйте!

Как сделать кнопку прокрутки страницы ярче(окружность и угол внутри)?
Как эту кнопку поднять выше из правого нижнего угла, т.к. планируется там установка онлайн консультанта?

Шаблон Лазурь.

#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 13 Апрель 2017 - 09:28

Просмотр сообщенияKapal (12 Апрель 2017 - 22:29) писал:

Здравствуйте!

Как сделать кнопку прокрутки страницы ярче(окружность и угол внутри)?
Как эту кнопку поднять выше из правого нижнего угла, т.к. планируется там установка онлайн консультанта?

Шаблон Лазурь.
Здравствуйте.
В main.css найдите код
#totop {background: #ffffff url("{ASSETS_IMAGES_PATH}ico-scrolltotop.png") no-repeat left top;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #dfdfdf;width: 60px;bottom: 5px;right: 5px;height: 60px;text-decoration: none;overflow: hidden;z-index: 40;position: fixed;display: block;text-align: center;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
#totop i {font-size: 24px;color: #e9e9e9;position: relative;top: 16px;display: none;}
#totop:hover {background-color: #3cabda;border-color: #3cabda;background-position: left -58px;}
в нем изменяйте цвет(background-color, border-color, background, color).
Так же в коде есть bottom: 5px, в котором нужно изменять 5px на большее значение, чтобы поднять стрелочку вверх.

#3 Kapal

Kapal

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 305 сообщений

Отправлено 13 Апрель 2017 - 11:47

Спасибо!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных