Различия

Здесь показаны различия между двумя версиями данной страницы.

--- domain_menu [2021/08/17 11:05]
admin
+++ domain_menu [2021/10/19 13:00]
phaust удалено
@@ Строка 29: / Строка 29: @@
 Кнопка профиль добавляется автоматически.
-Страничка с часто задаваемыми вопросами - надо заполнить самостоятельно. Можно указать другой id, если надо несколько подобных страниц.
+==== Ссылки на страницы домена ====
+Например, страничка с часто задаваемыми вопросами - надо заполнить самостоятельно. Можно указать другой id, если надо несколько подобных страниц.
 <code>
   {name: 'F.A.Q.', url:'page.php?id=faq'},
 </code>
-Ссылка на telegram чат или канал. **target:'_blank'** - означает, что надо открывать в новой вкладке.
+==== Ссылки на внешние страницы ====
+Например, ссылка на telegram чат или канал. **target:'_blank'** - означает, что надо открывать в новой вкладке.
 <code>
   {name: 'TELEGRAM', url:'https://t.me/qeng_authors', target:'_blank'},
@@ Строка 47: / Строка 51: @@
 Классы указываются через пробел.
-Для того, чтобы на широких экранах было видно все кнопки, то можно добавить один из классов:
+==== Авто-сворачивание тулбара ====
-**navbar-expand-xl** - все кнопки на одной строке, если экран шире 1200 пикселей.
+Для того, чтобы на широких экранах было видно все кнопки, то можно добавить **один из этих классов**
+  * **navbar-expand-xl** - все кнопки на одной строке, если экран шире 1200 пикселей.
+  * **navbar-expand-lg** - все кнопки на одной строке, если экран шире 992 пикселей.
+  * **navbar-expand-md** - все кнопки на одной строке, если экран шире 768 пикселей.
+  * **navbar-expand-sm** - все кнопки на одной строке, если экран шире 576 пикселей.
-**navbar-expand-lg** - все кнопки на одной строке, если экран шире 992 пикселей.
+==== Цветовой стиль ====
+Для светлого тулбара надо добавить классы **navbar-light bg-light**
-**navbar-expand-md** - все кнопки на одной строке, если экран шире 768 пикселей.
+Для темного тулбара надо добавить классы **navbar-dark bg-dark**
-**navbar-expand-sm** - все кнопки на одной строке, если экран шире 576 пикселей.
+==== Отступ под тулбаром ====
+Для отступа под тулбаром надо добавить один из классов **mb-1 mb-2 mb-3 mb-4 mb-5**. Чем цифра больше, тем отступ больше.
+===== Логотип =====
+На тулбар слева можно добавить логотип.
+Для этого надо добавить секцию **logo** после **classes**
+Вот так можно добавить картинку
+<code>
+  logo: '<img style="height:36px;" class="mr-3" src="https://qeng.org/apple-touch-icon.png"></img>',
+</code>