Перейти до змісту
Переглянути в додатку

Кращий спосіб перегляду. Дізнатися більше.

IPB-Board.com

Повноекранний додаток на головному екрані з push-сповіщеннями, значками та іншим.

Щоб встановити цей додаток на iOS та iPadOS
  1. Торкніться Піктограма «Поділитися» в Safari
  2. Прокрутіть меню та натисніть Додати на головний екран.
  3. Натисніть Додати у верхньому правому куті.
Щоб встановити цю програму на Android
  1. Натисніть меню з трьома крапками (⋮) у верхньому правому куті браузера.
  2. Натисніть Додати на головний екран або Встановити програму.
  3. Підтвердіть, натиснувши Встановити.
Домент ipb-board.ru продається.

Кнопки вверх/вниз

Рекомендовані відповіді

Опубліковано

Себе такие же хочу, ну или на подобие, как сделать технически подскажите))

Screenshot_5.thumb.png.35947abcb648b623c86d00c27a6c6e45.png

Опубліковано
3 часа назад, sergstesh сказал:

Себе такие же хочу, ну или на подобие, как сделать технически подскажите))

Screenshot_5.thumb.png.35947abcb648b623c86d00c27a6c6e45.png

Силку на тот форум ! я попробую вырезать от туда :lol:
от сюда вырезал но боюсь @Ciko меня не поймёт :unsmile:

Опубліковано
11 минут назад, sergstesh сказал:

Вот:  http://cs-mo4ilova.ru/ 

 

 

Это в custom.css
 

/** Кнопка Верх */
a.bgbacktotop {
position:fixed;
top:45%;
opacity:0.4;
right:2px;
width:48px;
height:48px;
display:block;
background:url(http://cs-mo4ilova.ru/uploads/set_resources_49/abba4e95d50b67fefd328bc423dccee3_go_top.png) no-repeat 0 0;
z-index:99999999;
-webkit-transition:all .7s ease-in-out;
-moz-transition:all .7s ease-in-out;
-o-transition:all .7s ease-in-out;
-ms-transition:all .7s ease-in-out;
transition:all .7s ease-in-out;
}
/** Кнопка Вниз */
a.bgbacktobot {
position:fixed;
top:55%;
opacity:0.4;
right:2px;
width:48px;
height:48px;
display:block;
background:url(http://cs-mo4ilova.ru/uploads/set_resources_49/abba4e95d50b67fefd328bc423dccee3_go_bottom.png) no-repeat scroll 0 0 transparent;
z-index:99999999;
-webkit-transition:all .7s ease-in-out;
-moz-transition:all .7s ease-in-out;
-o-transition:all .7s ease-in-out;
-ms-transition:all .7s ease-in-out;
transition:all .7s ease-in-out;
}
Цитата

Силки на картинки сами укажете :smile:

В globalTemplate 

в самом низу Перед 

	</body>
</html>

Добавить 

<a class="bgbacktotop" href="#top" onclick="jQuery('html, body').animate({scrollTop:0}, 'slow');return false;"></a>
<a class="bgbacktobot" href="#bottom" onclick="jQuery('html, body').animate({scrollTop:document.documentElement.scrollHeight}, 'slow');return false;"></a>

abba4e95d50b67fefd328bc423dccee3_go_bottom.png.8d0dce0c6d73111abc62566d687933f6.pngabba4e95d50b67fefd328bc423dccee3_go_top.png.72cfff98735f7cf3f300ac71c8a67c10.png

Опубліковано
  • Автор

Отлично, спасибо сейчас попробую :bravo:

Опубліковано
30 минут назад, sergstesh сказал:

А не подскажешь как мои убрать :prey:

https://investmani.ru/

Screenshot_3.png.b68afd668b94f51e8f068448fcafd4a6.png

Нужно посмотреть  В globalTemplate 

Опубліковано
  • Автор

Ага нашел, удалил, спасибо!

Опубліковано
  • Автор

Уже наверное задолбал:stena:, но еще бы и цвет подсказали как поменять, а то на фоне моего форума стрелок почти не видно

Screenshot_4.thumb.png.ddc3a14bca239ecdd90587a79e8b5376.png

Опубліковано
51 минуту назад, sergstesh сказал:

Уже наверное задолбал:stena:, но еще бы и цвет подсказали как поменять, а то на фоне моего форума стрелок почти не видно

Screenshot_4.thumb.png.ddc3a14bca239ecdd90587a79e8b5376.png

Ну тут как вариант или найти другие стрелки ! ну или прикрутить 

background-color: #000000;

 

Опубліковано
  • Автор

Спасибо, наверное поищу кнопки, добавил в скрипт команду для цвета, так она меняет цвет контура а не стрелки

  • Ciko закрив тема
Гість
Ця тема закрита для опублікування відповідей.

Налаштування push-сповіщень браузера

Chrome (Android)
  1. Натисніть значок замка поруч з адресним рядком.
  2. Натисніть Дозволи → Сповіщення.
  3. Налаштуйте свої налаштування.
Chrome (Комп'ютер)
  1. Натисніть значок замка в адресному рядку.
  2. Виберіть Налаштування сайту.
  3. Знайдіть Сповіщення та налаштуйте потрібні параметри.