Кнопка "Наверх" для 3.2.3 - Дизайн и модификация Invision Power Board

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

 

Правила раздела

Здесь обсуждаются вопросы оформления форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 2.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Кнопка "Наверх" для 3.2.3

#1 Пользователь не на сайте   Kapralez ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 31-Январь 12
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 29 Март 2013 - 09:53

Добрый день, уважаемые!

Подскажите пожалуйста, как сделать при просмотре темы кнопку "наверх" справа страницы. Примерно как здесь?

Хотя вобщем то подойдет любой вариант...

Спасибо!
0

#2 Пользователь не на сайте   Bot ответил: »

 
 
  • Почетный робот
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
 

Отправлено 29 Март 2013 - 09:53

Обратите внимание

"Board url", указанный вами в профиле, некорректен, либо недоступен на данный момент. Пожауйста, заполните его, потому что он скорее всего потребуется при диагностике вашей проблемы.


0

#3 Пользователь не на сайте   dmitrijkv ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1
  • Регистрация: 04-Ноябрь 13
  • Репутация: 0
  • IPB version:3.4.x
 

Отправлено 05 Ноябрь 2013 - 08:51

Прошу прощения, автор видимо решил свою проблему. Но хотелось бы узнать решение, так как тоже интересен этот вариант.
0

#4 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 166
  • Регистрация: 26-Октябрь 11
  • Репутация: 814
  • IPB version:I have no IPB
 

Отправлено 05 Ноябрь 2013 - 09:00

Просмотреть сообщениеKapralez сказал(а):

Хотя вобщем то подойдет любой вариант...

- Внизу страницы есть кнопка "Наверх".

- В шаблоне post есть скрытая кнопка.
<li class='top hide'><a href='#ipboard_body' class='top' title='{$this->lang->words['back_top']}'>{$this->lang->words['back_top']}</a></li>

0

#5 Пользователь не на сайте   Kapralez ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 31-Январь 12
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 27 Ноябрь 2013 - 21:52

Просмотреть сообщениеdmitrijkv 05 Ноябрь 2013 - 08:51 сказал(а):

Прошу прощения, автор видимо решил свою проблему. Но хотелось бы узнать решение, так как тоже интересен этот вариант.


Проблему то решил, но не так как хотелось бы :) Кнопка "наверх" в каждом сообщении темы (предыдущее сообщение как раз об этом)
jquery вроде может плавающую кнопку делать, но я в этом мало что понимаю

Нашел еще одно решение. Чистый html
В globalTemplate в самый низ (перед </body> ) добавить
<a href="#" id="gotop" title='Наверх ^' style='opacity: 0.7; display: inline;'></a>
<a href="#bottom" id='gotobottom' title='Вниз' style='opacity: 0.7; display: inline;'></a>


там же найти
<strong>{$this->lang->words['stat_gzip']}</strong> {$stats['gzip_status']}
</div>
</if>


и после поставить
<a id="bottom"></a>



В стиль ipb_style.css добавить этот код
#gotop {position: fixed;
width: 45px;
height: 45px;
right: 5px;
bottom: 78px;
display: block;
background: url("{style_images_url}/gotop2.png") no-repeat;
z-index: 9998;
display: none;
}
#gotobottom {
position: fixed;
width: 45px;
height: 45px;
bottom: 35px;
right: 5px;
display: block;
background: url("{style_images_url}/gotop1.png") no-repeat;
z-index: 9998;
display: none;
}


ну и не забываем картинки само собой

Сообщение изменено: Kapralez (27 Ноябрь 2013 - 23:05)

0

#6 Пользователь не на сайте   Dmitriy427 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 574
  • Регистрация: 15-Октябрь 11
  • Репутация: 152
  • Откуда:Россия, Тула
  • IPB version:3.3.x
 

Отправлено 27 Ноябрь 2013 - 22:23

Не надо никакого JQuery, что бы сделать плавающую кнопку. В ipb_styles.css отредактируйте элемент #backtotop:
#backtotop { 
background: #7799C5;
border-radius: 16px;
height: 24px;
line-height: 20px;
opacity: 0.6;
outline: 0px none currentColor;
position: fixed;
right: 7px;
text-align: center;
top: 140px;
transition: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
width: 24px;
}
Примерно так. Размер, border-radius, позицию кнопки и бекграунд нужно к конкретному стилю подгонять.
Скрипт понадобится только если кнопку необходимо скрывать/показывать.
0

#7 Пользователь не на сайте   Kapralez ответил: »

 
 
  • Member
  • **
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 19
  • Регистрация: 31-Январь 12
  • Репутация: 0
  • IPB version:3.2.x
 

Отправлено 01 Декабрь 2013 - 20:21

Сделал как описал выше, полностью устраивает. Ну еще смену цвета кнопки при наведении hover`ом сделал.
Всем спасибо за помощь!
0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна