Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

"Круглые майнтитлы"

Обычный и надоевший вопрос - Как сделать "Круглые майнтитлы"..

Вообще они могут быть не только круглыми, а какими угодно. Принцип один.

Для начала рекомендую ознакомиться с базовыми понятиями html, такими как таблица, ряд, ячейка, блок.. В этом поможет Справочник по html

Затем:

1. Создаем картинки, высотой 25px (самый устойчивый и неглючный размер).

Боковушки - левую и правую и "растягивающуюся" серединку, которую прописываем в css.

Картинки кладем в папку графики стиля.

В режиме расширенного редактирования css cоздаем Новый класс (new) со свойствами maintitle, но с padding 0 (это чтобы названия не съезжали).

Прописываем этот класс отдельно, но также добавляем всюду, где фигурирует слово maintitle.

Например туда, где найдете maintitle a:link, дописываем new a:link

Затем для упрощения верстки привязываем картинки к макросам.

Для этого открываем редактор макросов и по принципу привязки любых иконок создаем 2 макроса, допустим и

Теперь тренируемся на какой-нибудь простой форме вроде Помощи. Заходим в редактирование html - шаблонов стиля,

открываем skin_help (Помощь) --> start

Находим

<div class="borderwrap">
	<div class="maintitle"><{CAT_IMG}> $one_text</div> 

Заменяем на

 <table border="0" width="100%" cellspacing="0" cellpadding="0" class="new">
 <tr> 
<td style="padding: 0px"><{LEFT}></td>
<td style="padding: 0px" width="100%"><{CAT_IMG}> $one_text</td>
<td style="padding: 0px"><{RIGHT}></td>
 </tr>
</table>
<div class="borderwrap">

Сохраняем и смотрим результат на форуме :)

Отзывы пользователей

Рекомендованные комментарии

Нет комментариев для отображения

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.