ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Начался второй тур лотереи для форумов "Новогодний кот". Подаём заявки на участие до 8.12. Не пропустите!
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Кнопки прокрутки страницы с эффектом затухания

Сообщений 1 страница 10 из 15

1

Кнопки вверх и вниз страницы с плавной прокруткой и эффектом затухания
https://forumupload.ru/uploads/0007/e3/f7/6822/157449.jpg

В конец HTML-верх или ближе к началу HTML низ

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Несколько вариантов картинок кнопок
Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

+2

2

Доброго дня!
Кажется, я сломала позиционирование какой-то своей настройкой, помогите разобраться, пожалуйста :D
http://kratatada.quadrobb.ru
С прокруткой страницы кнопки не фиксируются.

Подпись автора

https://i.imgur.com/g2xu6sY.gif

0

3

Helheima
Добра)
У вас в целом всё в порядке, судя по всему, но нужно подправить кое-где значения. Найдите вот такой кусок:

.go-up {
top:350px; /*положение от низа окна браузера верхняя кнопка*/
right: -50px;
}
.go-down {
top:400px; /*положение от низа окна браузера нижняя кнопка кнопка*/
right: -50px;
}

И попробуйте убрать минусы у right. Т.е. right: 50px; в обоих случаях. Можно не 50px, а, скажем, 20px. И где .go-down, там можно top:450px; чтоб между стрелками было больше расстояние.

Или вы хотите, чтобы в определённой позиции от тела форума были стрелки и не смещались в зависимости от ширины браузера/экрана? Я не оч понял.

Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

+1

4

#p146572,бродяга написал(а):

Helheima
Добра)
У вас в целом всё в порядке, судя по всему, но нужно подправить кое-где значения. Найдите вот такой кусок:

.go-up {
top:350px; /*положение от низа окна браузера верхняя кнопка*/
right: -50px;
}
.go-down {
top:400px; /*положение от низа окна браузера нижняя кнопка кнопка*/
right: -50px;
}

И попробуйте убрать минусы у right. Т.е. right: 50px; в обоих случаях. Можно не 50px, а, скажем, 20px. И где .go-down, там можно top:450px; чтоб между стрелками было больше расстояние.

Или вы хотите, чтобы в определённой позиции от тела форума были стрелки и не смещались в зависимости от ширины браузера/экрана? Я не оч понял.

Доброго вечера, на данный момент когда опускаете страницу вниз, кнопки остаются прикрепленными наверху, в то время как в обычной работе скрипта они зафиксированы так, что видны, когда вы опускаете страницу до конца, как здесь. Когда вы прокрутите в самый низ, кнопка "Вверх" в правом верхнем углу останется, она не изменит позиции во время прокрутки вниз и будет на любом этапе прокрутки присутствовать. Нынешние же мои кнопочки так не работают, хотя до этого было все ок.

Подпись автора

https://i.imgur.com/g2xu6sY.gif

0

5

#p146576,Helheima написал(а):

Доброго вечера, на данный момент когда опускаете страницу вниз, кнопки остаются прикрепленными наверху, в то время как в обычной работе скрипта они зафиксированы так, что видны, когда вы опускаете страницу до конца, как здесь. Когда вы прокрутите в самый низ, кнопка "Вверх" в правом верхнем углу останется, она не изменит позиции во время прокрутки вниз и будет на любом этапе прокрутки присутствовать. Нынешние же мои кнопочки так не работают, хотя до этого было все ок.

Я не вижу разницы) М.б. не то смотрю. Но кнопки работают одинаково, только положение и картинки разные, но скрипт тот же самый. Я просто не очень понимаю, что нужно - чтобы картинки обеих кнопок не скрывались в любом положении или что? И где относительно форума они в идеале должны находиться - ближе к центру, вверху, внизу?
В старом дизайне у вас такие настройки:

.go-up {
top:20px; /*положение от низа окна браузера верхняя кнопка*/
right: 10px;
}
.go-down {
top:40px; /*положение от низа окна браузера нижняя кнопка кнопка*/
right: 10px;
}

Может, попробовать заменить в новом на этот кусок?

Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

0

6

#p146577,бродяга написал(а):
#p146576,Helheima написал(а):

Доброго вечера, на данный момент когда опускаете страницу вниз, кнопки остаются прикрепленными наверху, в то время как в обычной работе скрипта они зафиксированы так, что видны, когда вы опускаете страницу до конца, как здесь. Когда вы прокрутите в самый низ, кнопка "Вверх" в правом верхнем углу останется, она не изменит позиции во время прокрутки вниз и будет на любом этапе прокрутки присутствовать. Нынешние же мои кнопочки так не работают, хотя до этого было все ок.

Я не вижу разницы) М.б. не то смотрю. Но кнопки работают одинаково, только положение и картинки разные, но скрипт тот же самый. Я просто не очень понимаю, что нужно - чтобы картинки обеих кнопок не скрывались в любом положении или что? И где относительно форума они в идеале должны находиться - ближе к центру, вверху, внизу?
В старом дизайне у вас такие настройки:

.go-up {
top:20px; /*положение от низа окна браузера верхняя кнопка*/
right: 10px;
}
.go-down {
top:40px; /*положение от низа окна браузера нижняя кнопка кнопка*/
right: 10px;
}

Может, попробовать заменить в новом на этот кусок?

Если заменить на этот кусок будет:
https://forumupload.ru/uploads/0007/e3/f7/7039/t336552.jpg
Сейчас кнопки расположены вот так, как я их вижу, так они и должны стоять:
https://forumupload.ru/uploads/0007/e3/f7/7039/t115739.jpg
Но проблема в том, что не работает position:fixed насколько я понимаю.
https://forumupload.ru/uploads/0007/e3/f7/7039/t741428.jpg
https://forumupload.ru/uploads/0007/e3/f7/7039/t971731.jpg

Подпись автора

https://i.imgur.com/g2xu6sY.gif

0

7

Helheima
Здравствуйте! У вас действительно что-то странное происходит с кодами (и с этим скриптом конкретно) на форуме... Призвала высшие силы, надеюсь они помогут разобраться в чём там дело.

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+1

8

#p146579,Automation Baby написал(а):

Helheima
Здравствуйте! У вас действительно что-то странное происходит с кодами (и с этим скриптом конкретно) на форуме... Призвала высшие силы, надеюсь они помогут разобраться в чём там дело.

Прошу прощения, я вроде ничего кроме pun и title h1 не трогала, но все равно все сломала :с
Верю в помощь высших сил!

Подпись автора

https://i.imgur.com/g2xu6sY.gif

+1

9

Helheima, приветствую. Возможно, проблема вообще не в самих кнопках, а в других некорректно стоящих элементах. К примеру, у вас в конце Джамп Панели не хватает второго закрывающего тега </div> - для начала попробуйте его вернуть на законное место.

+2

10

#p146581,satsana написал(а):

Helheima, приветствую. Возможно, проблема вообще не в самих кнопках, а в других некорректно стоящих элементах. К примеру, у вас в конце Джамп Панели не хватает второго закрывающего тега </div> - для начала попробуйте его вернуть на законное место.

Доброго вечера! Вернула его на место, спасибо большое.

Подпись автора

https://i.imgur.com/g2xu6sY.gif

0