Erinome Godville UI+: различия между версиями

Erinome Godville UI+ (посмотреть исходный код)

Версия от 17:40, 4 августа 2019

4131 байт добавлено , 4 августа 2019

Пользовательский CSS

Kreon

36

правок

@@ Строка 6: / Строка 6: @@
 Тема на форуме в квартале мастеровых: [http://godville.net/forums/show_topic/3432?page=1 Erinome Godville UI+ - браузерное расширение для Годвилля (Firefox, Chrome, Opera)].
-___TOC__
+__TOC__
 == Информеры ==
@@ Строка 577: / Строка 577: @@
 |}
+== Пользовательский CSS ==
+Дополнение позволяет добавлять на страницу игры дополнительные CSS-стили без необходимости заводить для этого дополнительный аддон вроде Stylish, Stylus и других подобных. Поле ввода CSS находится на странице настройки дополнения, каждое правило требуется вписывать на отдельной строке. Указываемые там правила применяются как к странице героя, так и к страницам хроник, форума и газете. После сохранения изменений страницу игры перезагружать не требуется и изменения будут активированы автоматически, а другие страницы понадобится переоткрыть для применения введенных правил.
+Базовое описание синтаксиса CSS можно легко найти в интернете ([http://htmlbook.ru/samcss например]), а с определением классов и идентификаторов компонентов HTML-кода страницы поможет инструмент "Исследовать элемент" (или "Просмотреть код"), доступный по клику правой кнопкой мыши по интересующему элементу на странице.
+==== Готовые примеры ====
+{| class="wikitable collapsible collapsed"
+|-
+!style="background:#6599FF" colspan=2|Здесь можно посмотреть некоторые примеры CSS-правил
+|-
+| Подсвечивать подходящие для бинго трофеи синим цветом в инвентаре || <pre>#inventory .bingo_item { color: blue; }</pre>
+|-
+| Сделать контрастные черно-белые значки в морских заплывах || <pre>g.tile { font-family: Verdana, Helvetica, Arial, "Segoe UI Symbol", sans-serif; !important }</pre>
+|-
+| Сделать другие контрастные черно-белые значки в морских заплывах || <pre>g.tile { font-family: Verdana, Helvetica, Arial, Em, sans-serif; !important }</pre>
+|-
+| Помечать точками клетки, где точно нет стен в подземельях || <pre>.dmc.notAWall {
+    color: transparent !important;
+}
+.dmc.notAWall::before {
+    display: block;
+    text-align: center;
+    font-weight: bold;
+    content: "•";
+    color: #7E7E7E;
+}
+.th_nightly .dmc.notAWall::before {
+    color: #999999;
+}
+.dmc.notAWall.pointerMatched::before {
+    color: red;
+}
+.dmc.notAWall.pointerMatchedThermo::before {
+    color: darkorange;
+}</pre>
+|-
+| Спрятать кнопку отправки в дуэльный режим при нехватке праны || <pre>div.arena_link_wrap .e_low_gp { display: none !important; } /* для арены */
+div.e_challenge_button .e_low_gp { display: none !important; } /* для тренировки */
+div.e_dungeon_button .e_low_gp { display: none !important; } /* для подземелья */
+div.e_sail_button .e_low_gp { display: none !important; } /* для плавания */
+div.e_mining_button .e_low_gp { display: none !important; } /* для полигона */
+.e_low_gp { display: none !important; } /* для всех режимов сразу */</pre>
+|-
+| Чуть отодвинуть кнопку отправки в плавание от кнопки отправки в подземелье || <pre>.e_sail_button { margin-top: 9px; }</pre>
+|-
+| Спрятать кнопку "Восстановить" распаковки зарядов || <pre>.dch_link { display: none !important; }</pre>
+|-
+| Покрасить жирное снаряжение в красный цвет || <pre>.eq_b { color: red; }</pre>
+|}
 -------------
 <references/>