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

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

IPB-Board.com

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

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

Красивый блок меню

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

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

Как же все таки сделать такое меню?
b84a8eea1f.png

Ответ прост.

В любое удобное место вставляем код:
 

<div class="_sbcollapsable">
		<ul class="main_menu">
	<li>
		<a href="http://truegames.ru/index.php?/forum/61-%d0%b7%d0%b0%d1%8f%d0%b2%d0%ba%d0%b8-%d0%bd%d0%b0-%d1%80%d0%b0%d0%b7%d0%b1%d0%b0%d0%bd/"><font color="#B7C351">Заявки на разбан</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/47-%d0%b6%d0%b0%d0%bb%d0%be%d0%b1%d1%8b-%d0%bd%d0%b0-%d0%b0%d0%b4%d0%bc%d0%b8%d0%bd%d0%be%d0%b2/"><font color="#B7C351">Жалобы на Админов</font></a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/9389-%D1%81%D0%BD%D1%8F%D1%82%D1%8B%D0%B5-%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD-%D0%BF%D1%80%D0%B8%D0%B2%D0%B8%D0%BB%D0%B5%D0%B3%D0%B8%D0%B8/">Список снятых Администраторов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/16632-%D0%BF%D0%B5%D1%80%D0%B5%D1%87%D0%B5%D0%BD%D1%8C-%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%B8%D1%82%D0%B5%D0%BB%D0%B5%D0%B9-%D0%B2%D1%81%D0%B5%D1%85-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Список Смотрителей серверов</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/forum/39-%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D1%81%D0%B5%D1%80%D0%B2%D0%B5%D1%80%D0%BE%D0%B2/">Обновления на Серверах</a>
	</li>
	<li>
		<a href="http://truegames.ru/index.php?/topic/7764-%D0%BE-%D1%80%D0%B0%D0%B7%D0%BD%D0%BE%D0%BC-%D0%BA%D0%BE%D0%BC%D0%BD%D0%B0%D1%82%D0%B0-%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-1/page__hl__%D1%84%D0%BB%D1%83%D0%B4%D0%B8%D0%BB%D0%BA%D0%B0">Флудилка - общение</a>
	</li>
	<a href="http://buy.truegames.ru/" class="menu_admin">Онлайн покупка Админ/VIP</a>
</ul>
	</div>
</div>

А вот и сам Style:
 

.main_menu li a:hover {
    background-color: #499343;
    border-radius: 2px;
    color: #c9c43a;
}
a:hover {
    color: #222;
}
.main_menu {
    position: relative;
    background: #282828;
    padding: 15px 2px 4px;
}
.main_menu li:first-child {
    border-top: 0;
}
.main_menu li {
    border-bottom: 1px solid #040404;
    border-top: 1px solid rgba(255, 0, 0, .16);
}
.main_menu li a {
    background-image: url(http://truegames.ru/public/style_images/tg/triagle_menu.png);
    background-repeat: no-repeat;
    background-position: 16px center;
    font-style: oblique;
    text-shadow: 0 1px 1px rgba(0,0,0,0.48);
    color: #eee;
    display: block;
    transition: 200ms ease;
    height: 21px;
    padding: 0 0 0 35px;
    font-size: 14px;
    line-height: 21px;
}
.menu_admin {
    font-size: 14px;
    text-align: center;
    display: block;
    height: 35px;
    line-height: 35px;
    background: #d14c4c;
    font-style: oblique;
    border: 1px solid #e25f5f;
    color: #eee;
    text-shadow: 0 1px 1px rgba(0,0,0,0.48);
}

 

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

Акаунт

Навігація

Пошук

Пошук

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

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