Как На Сайте Сделать Кнопку Наверх?
#181
Отправлено 08 Ноябрь 2013 - 05:03
#183
Отправлено 19 Ноябрь 2013 - 18:13
www.lot99.ru
#184
Отправлено 19 Ноябрь 2013 - 18:26
ritikkk (19 Ноябрь 2013 - 18:13) писал:
www.lot99.ru
Перечитайте еще раз инструкцию по установке http://jemand.ru/kno...-na-css-jquery/
Вы не подключили jQuery и не добавили JavaScript
Добавить их вы можете отредактировав файл HTML в редакторе шаблонов
#185
Отправлено 20 Ноябрь 2013 - 16:46
Castiel (19 Ноябрь 2013 - 18:26) писал:
Вы не подключили jQuery и не добавили JavaScript
Добавить их вы можете отредактировав файл HTML в редакторе шаблонов
все работает, но под стрелкой написано "вверх", как это убрать?
#186
Отправлено 21 Ноябрь 2013 - 00:54
<a href="#top"><span></span>Вверх</a>
и замените её на
<a href="#top"><span></span></a>
#188
Отправлено 27 Ноябрь 2013 - 13:08
#189
Отправлено 28 Ноябрь 2013 - 03:59
#back-top { z-index: 2; }
#192
Отправлено 20 Декабрь 2013 - 04:31
#back-top { bottom: 4%; position: fixed; right: 4%; }
уменьшите значения right
Удалять нельзя, лучше отредактировать сообщение подписав, что вы уже самостоятельно разобрались =)
#193
Отправлено 02 Январь 2014 - 16:41
#194
Отправлено 02 Январь 2014 - 23:16
#back-top { position: fixed; bottom: 30px; margin-left: -150px; right: 30px; }и замените его на
#back-top { position: fixed; bottom: 30px; margin-left: -150px; right: 30px; z-index: 9; }
#195
Отправлено 05 Февраль 2014 - 09:49
#196
Отправлено 05 Февраль 2014 - 11:38
#198
Отправлено 05 Февраль 2014 - 12:45
Jerek (05 Февраль 2014 - 12:16) писал:
У данной кнопки убрать белый фон и разместить в углу, так же убрать надпись вверх.
<p id="back-top"> <a href="#top"><span></span>Вверх</a> </p>замените на:
[CODE] <p id="back-top"> <a href="#top"><span></span></a> </p>B main.css замените:
#back-top span { width: 54px; height: 54px; display: block; margin-bottom: 7px; background: #000 url(http://st.7free.ru/2/974/438/knopka_vverx.jpg) no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }на
#back-top span { width: 54px; height: 54px; display: block; float: right; margin-right: -30px; margin-bottom: -50px; background: #000 url(http://st.7free.ru/2/974/438/knopka_vverx.jpg) no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
Чтобы убрать белый фон Вам нужно изменить саму картинку в фотошопе и загрузить в Ваш бэк офис. Замените ссылку на изображение в main.css в коде, указанном выше.
Изменения нужно сделать в следующей строке:
background: black url(http://st.7free.ru/2/974/438/knopka_vverx.jpg) no-repeat center center;Замените её на
background: black url({ASSETS_IMAGES_PATH}knopka_vverx.jpg) no-repeat center center;
knopka_vverx.jpg- название загруженного изображения
#199
Отправлено 22 Март 2014 - 08:15
#200
Отправлено 22 Март 2014 - 08:18
Владик (22 Март 2014 - 08:15) писал:
Здравствуйте, редактируем main.css
Находим
#back-top { position: fixed; bottom: 30px; margin-left: -150px; }
Заменяем на
#back-top { position: fixed; bottom: 30px; right: 30px; }
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных