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

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

IPB-Board.com

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

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

Уведомление

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

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

Screenshot_1.png

Админ Панель-Внешний вид-Ваш стиль-css-ipb_styles.css найти:
.ipsHasNotifications {
	padding: 0px 4px;
	height: 12px;
	line-height: 12px;
	background: #cf2020;
	color: #fff !important;
	font-size: 9px;
	text-align: center;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 4px;
	left: 3px;
}

Заменить на:

.ipsHasNotifications {
padding: 0px 5px;
height: 15px;
line-height: 15px;
background: #C0392B;
color: #fff !important;
font-size: 8px;
text-align: center;
position: absolute;
top: 2px;
left: 20px;
border: 1px solid #E74C3C;
border-radius: 30px 30px 30px 0;
width: 6px;
opacity: 0;
-webkit-animation: pulsate 1s ease-out;
animation: pulsate 1s ease-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}


@-webkit-keyframes pulsate {
    0% {
      -webkit-transform:scale(.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity:1;
    }
    100% {
      -webkit-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}

@keyframes pulsate {
    0% {
      -webkit-transform:scale(.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity:1;
    }
    100% {
      -webkit-transform:scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}

Для публікації повідомлень створіть обліковий запис або авторизуйтесь

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

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