Вход
|
Регистрация
|
Восстановить пароль
Главная
О проекте
Правила
Сообщество
Форум
Чат
Для новичков
Игроков: 11995
[
+0
]
, онлайн:
0
Персонажей: 71438
[
+0
]
Игр: 7571
[
+0
]
Игровых сообщений: 2504178
[
+0
]
Активные игры
-
Test Game 1
(
0
/
0
)
-
Ненасытный грузовик никак не может остановиться
(
7
/
0
)
-
Вотердип
(
0
/
7
)
-
Рассольник
(
0
/
0
)
-
S.P.O.R.E
(
6
/
143
)
-
Jacob's Ladder: Degression
(
3
/
12
)
-
["Кайдан"]
(
8
/
70
)
-
Засуха
(
3
/
0
)
-
Дети Дьявола
(
26
/
0
)
-
Под Светом Полумесяца
(
24
/
26
)
-
Все активные игры
Набор игроков
-
asdfafdasdfsadfasdfasdfasdfasdfasdf
(
1
/
0
)
-
Test Game
(
0
/
2
)
-
Мафия-66. Палата №6
(
155
/
108
)
-
Отмычки (planescape)
(
0
/
0
)
-
1642: Ночной Дозор Амстердама
(
3
/
6
)
-
Бесконечный мрак
(
0
/
4
)
-
Праздник
(
50
/
8
)
-
[Battletech] Катафракт. Часть 2. Битва за Зангул
(
30
/
37
)
-
Akairo Little Leader
(
8
/
7
)
-
[PbtA] Космические хулиганы
(
21
/
7
)
-
Neockratik
(
14
/
14
)
-
Увидеть Лютецию и умереть
(
38
/
71
)
-
Стальная крепость
(
64
/
223
)
-
Khorn Games: Smash Up!
(
19
/
56
)
-
[M&M] КК: Большой переполох в маленьком Герополисе
(
38
/
0
)
-
Все игры с открытым набором
Завершенные игры
-
Все завершенные игры
Новые блоги
-
Солнечная Империя
(
12
/
105
)
-
Кодекс Вархаммер [Блог]
(
5
/
4
)
-
Starforged: пересказ правил, заметки, плейтест
(
46
/
15
)
-
OMOEWA!
(
561
/
286
)
-
🐸It Is Wednesday My Dudes🐸
(
31
/
41
)
-
Все активные блоги
Форум
-
Для новичков
(3631)
-
Общий
(17587)
-
Игровые системы
(6144)
-
Набор игроков/поиск мастера
(40954)
-
Котёл идей
(4059)
-
Конкурсы
(14133)
-
Под столом
(20330)
-
Улучшение сайта
(11096)
-
Ошибки
(4321)
-
Новости проекта
(13754)
-
Неролевые игры
(11564)
CSS
Вниз
Вернуться в раздел "Общий"
Вниз
Приветствую.
С учетом того, что разные донастройки, докручивания, допиливания и обработка напильником верстки, шрифтов и прочего, будут, по всей видимости, продолжаться еще некоторое время, и может так случиться, что в результате оных действий код CSS, который я ранее выкладывал в заметке № 4880 (
ссылка
) может перестать работать, полностью или частично, как было после последнего сегодняшнего апдейта, сообщение № 112 в Чейнджлоге (
ссылка
), было принято решение создать этот топик, в котором, в первом сообщении, держать актуальный код. Т.к. я не правлю заметки, а писать заметку на каждую правку я не считаю правильным.
Почему в этом разделе?
Потому что Общий форум касается событий на ресурсе и вокруг него, а так же по той причине, что здесь, по заверениям администрации, более строго относятся к оффтопу. Имейте это ввиду.
Некоторые базовые данные.
Внимание!
Все то, о чем пойдет дальше, вы делаете исключительно на свой страх и риск, и несете полную ответственность за все возможные последствия своих действий.
Авторство базового кода - Nocturnal (
ссылка
).
Доработка и адаптация - SolohinLex (
ссылка
).
***
Для настройки понадобится аддон Stylus к браузеру. Оный аддон есть для всех популярных браузеров.
Firefox -
ссылка
.
Google Chrome -
ссылка
.
Opera -
ссылка
.
Пример базовой настройки аддона для Firefox.
Показать содержимое
Если вы ранее устанавливали какие-то дополнения, которые меняли стили на ЭТОМ ресурсе, отключите их, дабы не возникло конфликтов и ошибок.
После установки, в браузере, на Панели инструментов появится кнопка обозначенного дополнения.
Под спойлером не очень большое изображение.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
Переходите на главную страницу ресурса и нажимаете на эту кнопку - откроется специальное меню.
Под спойлером не очень большое изображение.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
Выбираете "Создать стиль для: l.dm.am", кликать нужно именно по "l.dm.am", а не по "этого адреса". Вот сюда, подчеркнуто красным на скрине.
Под спойлером не очень большое изображение.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
Откроется вот такое окно или что-то похожее.
Под спойлером большое изображение.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
В поле "Код", которое справа, нужно вставить код для изменения CSS. Никаких пунктов настроек трогать не нужно.
Код, который нужно туда вставить будет под отдельным спойлером в этом сообщении.
Просто копируете его и вставляете в это окошко. Внимательно скопируйте весь код и ничего не пропустите.
Когда код вставлен, жмете кнопку "Сохранить", она в колонке слева, сверху.
Под спойлером большое изображение.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
Все. Теперь вкладку дополнения можно закрыть и возвращаться обратно на ресурс.
В коде, вы могли видеть текст, который стоит между /* и */ - это комментарии, которые обозначают что делает код, расположенный ниже, меняя параметры в коде вы можете подстроить отображение ресурса так, как вам будет удобнее. В предложенном примере кода ресурс, по возможности, был приведен к старому виду.
Например возьмем часть кода.
Показать содержимое
/* Базовый размер шрифта центральной колонки. */
#main {
font-size: 11px;
В нем вы можете менять в параметре "font-size:" число "11" на любой другой размер, который устроит вас. Поменяли, переключились на страницу ресурса, посмотрели как оно смотрится, если устроило - оставили, если не подходит - меняете дальше. И так во всем прочем.
Еще один важный момент.
Этот код "убивает" отображение замочков на закрытых ветках, вместо них будут стоять символьные квадратики отсутствующих символов.
Если кто-то хочет отключить их себе, добавьте в самый конец кода строки из соответствующего спойлера.
***
Основной код, для настройки шрифтов и верстки.
Показать содержимое
/* 0. Сброс шрифта до Tahoma. */
html,
body {
font-family: inherit !important;
}
body {
font-family: Tahoma, sans-serif !important;
}
/* 1. Размер колонок. */
/* width - задает ширину правого блока */
#sidebar {
width: 220px;
}
/* 1.1. width - задает ширину правого отступа, там где пусто (но не везде). */
#mainbg.twocolumns #sidebar {
width: 220px;
}
/* 1.2. width - задает ширину левого отступа. */
#left {
width: 270px;
margin-right: 15px;
}
/* 3. Всплывающее окно с данными персонажа в игровой ветке, по клику на имя персонажа.*/
.playerInfo {
width: 260px;
}
/* 4. Размеры шрифтов. */
/* 4.1. Базовый размер шрифта центральной колонки. */
#main {
font-size: 11px;
}
/* 4.2. Базовый размер шрифта левой колонки. */
#left {
font-size: 11px;
}
/* 4.3. Базовый размер шрифта правой колонки. */
#sidebar {
font-size: 11px;
}
/* 4.4. Размер шрифта меню под лого "Профиль", "Личный кабинет", "Выйти". */
.usermenu {
font-size: 11px;
}
/* 4.5. Размер шрифта и отступ основного меню. */
.topmenu {
padding-top: 32px;
font-size: 14px;
line-height: 15px;
}
/* 4.6. Размер шрифта заголовков меню. */
H1,
H2,
H3 {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
#main H2 {
font-size: 11px;
}
/* 4.7. Размер шрифта в кнопках тегов над полями ввода. "b", "i" и прочее.*/
TEXTAREA,
INPUT,
button,
select,
.padding1pxleft,
#main .content .diceLine SPAN {
font-size: 11px!important;
}
/* 4.8. Размер шрифта в полях ввода. */
.txtDMTextBoxCtrl {
font-size: 12px!important;
}
/* 4.9. Размер шрифта в подвале. */
#footer div.p {
font-size: 11px;
}
/* 4.10. Размер шрифта в подписях. */
.comment {
font-size: 11px;
}
/* 4.11. Размер шрифта в лого. */
.logo P,
.logo H1,
.logo div.p {
font-size: 11px;
line-height: 20px;
}
/* 4.12. Размер шрифта в блоке о пользователях. Статистика - "Игроков", "Персонажей", "Игр". */
#info {
font-size: 11px;
}
/* 4.13. Размер шрифта в блоке персонажа в игровых комнатах. "Dungeonmaster", ники игроков, имена персонажей, время поста и прочее. */
#main .commentItem .firstrow {
font-size: 11px;
}
/* 4.14. Размер шрифта в чате и времени "Обновлено". */
#chatGrid P,
#chatGrid div.p,
.chatHeader {
font-size: 12px;
}
/* 4.15. Размер шрифта на странице опросов. */
#ctl00_mainContent_gwPolls {
font-size: 11px !important;
}
/* 4.16. Размер шрифта ссылки "Подать заявку на участие" в модуле. */
.important {
font-size: 12px !important;
font-weight: bold !important;
}
/* 4.17. Размер шрифта в облаке тегов.*/
#tagCloud {
font-size: 6px; /*Настройка размера шрифта для пробела между тегами.*/
}
#tagCloud a {
font-size: 11px !important; /*Настройка размера шрифта самих тегов.*/
/*font-weight: normal !important;*/ /*Настройка выделения жирным основных тегов.*/
}
/* 5. Настройка размера уведомления ожидания поста, "Звездочка".*/
.post-reminder-star {
font-size: 12px;
}
***
Дополнительный код.
Код для скрытия замочков на закрытых ветках.
Автор SolohinLex (
ссылка
).
Показать содержимое
/*Код, который убирает замочки на закрытых ветках. Отступ регулируется строкой margin-left: -2px*/
.roomType {
display: none;
}
#ctl00_leftMenu_ModuleLeftMenu1_panManyRooms a,
#ctl00_leftMenu_ctl00_panManyRooms a {
margin-left: -2px;
}
***
Код для отключения переносов слов.
Автор Nocturnal (
ссылка
).
Показать содержимое
/*Отключение переносов слов.*/
.dmtxt {
hyphens: none;
}
***
Код, который убирает блок "Партнеры".
Автор Reductorian (
ссылка
).
Показать содержимое
/*Код, который убирает блок "Партнеры".*/
#ctl00_rightPanel_panPartner{
display: none;
}
***
Код, который возвращает прежний логотип.
Автор Black Dragon (
ссылка
).
Показать содержимое
/*Код, который возвращает прежний логотип.*/
[title|="Форумные ролевые игры"] {
content: url('/images/logo.v.2.2.png');
height: 26px!important; width: 252px!important;
}
#header {
height: 100px;
}
Рекомендуется перезалить логотип на любой удобный вам хостинг.
Например вот перезалив на сторонний хостинг.
Показать содержимое
https://i.ibb.co/zbQZTXv/logo-v-2-2.png
Возможно код потребует тонкой настройки под ваше разрешение экрана.
***
Изменения.
Изменения, которые были внесены в код, по сравнению с тем, который был опубликован в заметке.
21.05.2020
Переработан код касающийся блока " 1. Размер колонок."
***
23.05.2020
Добавлен блок кода "4.15. Размер шрифта на странице опросов."
Этот блок кода был сделан в тот же день, но я о нем просто забыл.
***
11.06.2020
Добавлен блок кода "Код для отключения переносов слов." в раздел "Дополнительный код".
Автор Nocturnal (
ссылка
).
***
19.06.2020
Добавлен блок кода "Код, который убирает блок "Партнеры"" в раздел "Дополнительный код".
Автор Reductorian (
ссылка
).
***
16.04.2023
Добавлен блок кода "Код, который возвращает прежний логотип." в раздел "Дополнительный код".
Автор Black Dragon (
ссылка
).
Автор:
Бродяга по жизни
[
offline
]
, 21.05.2020 22:16
|
Отредактировано 17.04.2023 в 19:56
1
Также дополню, что у меня в профиле версия "лекарства" постоянно обновляется на ту, которая используется мной. Можно копировать и оттуда тоже.
Добавлено исправление ширины поля аватарок до 114px, чтобы "DungeonMaster" влезал в поле целиком без переноса части букв, но поле при этом не было слишком широким.
При желании, уменьшив размер шрифта в "
#main .commentItem .firstrow
", ширину этого поля можно уменьшить еще сильнее.
Добавлено исправление неровности текста постов относительно "редактировать / удалить".
Убраны переносы слов.
.dmtxt {
hyphens: none;
}
Убрана убиралка переносов за ненадобностью. Новый переключатель в правом нижнем углу страницы работает отлично.
Увеличена ширина поля под аватарки, чтобы новые аватарки туда влезали. Сейчас ширина установлена в 125px.
Автор:
Nocturnal
[
offline
]
, 22.05.2020 12:39
|
Отредактировано 15.06.2020 в 21:42
2
23.05.2020
Добавлен блок кода "4.15. Размер шрифта на странице опросов".
Этот блок кода был сделан в тот же день, но я о нем просто забыл.
Показать содержимое
/* 4.15. Размер шрифта на странице опросов. */
#ctl00_mainContent_gwPolls {
font-size: 11px !important;
}
Автор:
Бродяга по жизни
[
offline
]
, 23.05.2020 16:34
3
02.06.2020
Добавлены блоки кода "4.16. Размер шрифта ссылки "Подать заявку на участие" в модуле" и "4.17. Размер шрифта в облаке тегов".
Здесь будет описание со скринами, а в первом сообщении только сам код, с краткими комментариями.
Все, что изложено дальше, не более чем тонкая настройка внешнего вида ресурса, в дополнение к основному массиву кода.
Применять ее или нет - исключительно на ваше усмотрение.
Код "4.16. Размер шрифта ссылки "Подать заявку на участие" в модуле.
Для наглядности скрины.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
1 - Базовый вид ресурса без какого-либо кода.
2 - Вид ресурса с CSS, но без настройки шрифта в ссылке "Подать заявку на участие".
3 - Вид ресурса с CSS и с настройкой шрифта в ссылке "Подать заявку на участие".
Выводы делайте сами.
Показать содержимое
/* 4.16. Размер шрифта ссылки "Подать заявку на участие" в модуле. */
.important {
font-size: 12px !important;
font-weight: bold !important;
}
***
Код "4.17. Размер шрифта в облаке тегов".
Скрины.
Показать содержимое
Прямая ссылка на изображение -
ссылка
.
1 - Базовый вид ресурса без какого-либо кода.
2 - Вид ресурса с CSS, но без настройки шрифта в облаке тегов.
3 - Вид ресурса с CSS и с настройкой шрифта в облаке тегов, с выделением жирным основных тегов.
4 - Вид ресурса с CSS и с настройкой шрифта в облаке тегов, без выделения жирным основных тегов.
Выводы, все так же, делайте сами.
Показать содержимое
/* 4.17. Размер шрифта в облаке тегов.*/
#tagCloud {
font-size: 6px; /*Настройка размера шрифта для пробела между тегами.*/
}
#tagCloud a {
font-size: 11px !important; /*Настройка размера шрифта самих тегов.*/
/*font-weight: normal !important;*/ /*Настройка выделения жирным основных тегов.*/
}
Примечание.
Если вы хотите, чтобы все теги в облаке тегов были одинаковыми, без выделения жирным, как на скрине номер 4, расскоментируйте строку /*font-weight: normal !important;*/.
Автор:
Бродяга по жизни
[
offline
]
, 02.06.2020 22:01
|
Отредактировано 02.06.2020 в 22:11
4
11.06.2020
Добавлен блок кода "Код для отключения переносов слов." в раздел "Дополнительный код".
Автор Nocturnal (
ссылка
).
Показать содержимое
/*Отключение переносов слов.*/
.dmtxt {
hyphens: none;
}
Автор:
Бродяга по жизни
[
offline
]
, 11.06.2020 22:01
5
19.06.2020
Добавлен блок кода "Код, который убирает блок "Партнеры"" в раздел "Дополнительный код".
Автор Reductorian (
ссылка
).
Показать содержимое
/*Код, который убирает блок "Партнеры".*/
#ctl00_rightPanel_panPartner{
display: none;
}
Автор:
Бродяга по жизни
[
offline
]
, 19.06.2020 17:17
6
16.04.2023
Добавлен блок кода "Код, который возвращает прежний логотип." в раздел "Дополнительный код".
Автор Black Dragon (
ссылка
).
Показать содержимое
/*Код, который возвращает прежний логотип.*/
[title|="Форумные ролевые игры"] {
content: url('/images/logo.v.2.2.png');
height: 26px!important; width: 252px!important;
}
#header {
height: 100px;
}
Рекомендуется перезалить логотип на любой удобный вам хостинг.
Например вот перезалив на сторонний хостинг.
Показать содержимое
https://i.ibb.co/zbQZTXv/logo-v-2-2.png
Возможно код потребует тонкой настройки под ваше разрешение экрана.
Автор:
Бродяга по жизни
[
offline
]
, 16.04.2023 21:56
|
Отредактировано 16.04.2023 в 22:07
7
Вверх
Опросы
Нет активных опросов.
Жалобы и предложения
-
Оставить жалобу
-
Сообщить об ошибке
Загрузка данных...
Помочь проекту
Test:
1/2 EUR
Социальные сети
-
Группа во Вконтакте
Партнеры
↑
скрыть