Сообщений в теме: 257

[Сake]

Попробуйте очистить кэш в вашем браузере, так как у вас на данный момент стрелка работает корректно и появляется только после небольшой прокрутки страницы.

[obezianka]

Сake (08 Ноябрь 2013 - 05:03) писал:

Попробуйте очистить кэш в вашем браузере, так как у вас на данный момент стрелка работает корректно и появляется только после небольшой прокрутки страницы.

Благодарю! Все работает))

[ritikkk]

все по инструкции сделала, кнопочки нет((((

www.lot99.ru

[Castiel]

ritikkk (19 Ноябрь 2013 - 18:13) писал:

все по инструкции сделала, кнопочки нет((((

www.lot99.ru

Перечитайте еще раз инструкцию по установке http://jemand.ru/kno...-na-css-jquery/

Вы не подключили jQuery и не добавили JavaScript
Добавить их вы можете отредактировав файл HTML в редакторе шаблонов

[ritikkk]

Castiel (19 Ноябрь 2013 - 18:26) писал:

Перечитайте еще раз инструкцию по установке http://jemand.ru/kno...-na-css-jquery/

Вы не подключили jQuery и не добавили JavaScript
Добавить их вы можете отредактировав файл HTML в редакторе шаблонов

все работает, но под стрелкой написано "вверх", как это убрать?

[Сake]

Найдите в шаблоне "HTML" строку

<a href="#top"><span></span>Вверх</a>

и замените её на

<a href="#top"><span></span></a>

[ritikkk]

Сake (21 Ноябрь 2013 - 00:54) писал:

Найдите в шаблоне "HTML" строку

<a href="#top"><span></span>Вверх</a>

и замените её на

<a href="#top"><span></span></a>

спасибо! все получилось!

[blessdress]

Сделала стрелку вверх по описанному алгоритму. все ок, она работает. Единственный вопрос. Как только докручиваешь до нижнего колонтитула, она исчезает. так должно быть?

[Сake]

Добавьте в ваш файл стилей main.css следующий класс

#back-top {
  z-index: 2;
}

[blessdress]

Сake (28 Ноябрь 2013 - 03:59) писал:

Добавьте в ваш файл стилей main.css следующий класс

#back-top {
z-index: 2;
}

Спасибо, все получилось!

[Keks]

Сделала не много по-другому эту кнопочку.
Как её отодвинуть выше и влево или вправо, чтобы она либо под общим меню либо полностью сбоку?


*на будущее: если я написала вам вопрос, потом нашла ответ, как удалить? а то только отредактировать можно.

[Vaccina]

В main.css найдите:

#back-top {
bottom: 4%;
position: fixed;
right: 4%;
}

уменьшите значения right

Удалять нельзя, лучше отредактировать сообщение подписав, что вы уже самостоятельно разобрались =)

[D_mix]

Помогите и мне! Кнопку поставил, все вроде норм. Но когда дохожу до подвала,она уходит под картинку!!!

[Stasya]

В файле main.css найдите блок

#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;
}

[Jerek]

Скажите пожалуйста, как на моем сайте, подвинуть кнопку в правый нижний уровень и сделать вокруг кнопки прозрачное. Она у меня в формате png

[empty9228]

Здравствуйте , про какую именно кнопку вы говорить, не могли бы вы прислать скриншот с указаниями.

[Jerek]

empty9228 (05 Февраль 2014 - 11:38) писал:

Фото загрузил.

У данной кнопки убрать белый фон и разместить в углу, так же убрать надпись вверх.

Прикрепленные изображения

• 

[@lina_va]

Jerek (05 Февраль 2014 - 12:16) писал:

Фото загрузил.

У данной кнопки убрать белый фон и разместить в углу, так же убрать надпись вверх.

B html найдите:

			  <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

- название загруженного изображения

[Владик]

У меня тоже не работает(((А это может быть из-за фиксации фоновой картинки ? Я сделал специально чтобы фоновая картинка стояла на месте.

[Castiel]

Владик (22 Март 2014 - 08:15) писал:

У меня тоже не работает(((А это может быть из-за фиксации фоновой картинки ? Я сделал специально чтобы фоновая картинка стояла на месте.

Здравствуйте, редактируем main.css
Находим

#back-top {
position: fixed;
bottom: 30px;
margin-left: -150px;
}

Заменяем на

#back-top {
position: fixed;
bottom: 30px;
right: 30px;
}