Перейти к содержанию
LETRAGON
Kirishima

CSS. Свои стили сайта.

Рекомендуемые сообщения

f01.jpg

Что это?
Это возможность изменить сайт, добавив в него изменения стилей.

Где я могу начать редактировать стиль?
На главной странице сайта, по нажатию на меню слева.

Спойлер

f02.jpg

Какие есть ограничения?
На данный момент, никаких ограничений нет, однако, если это станет популярный или будут изменяться такие блоки, как обложки, Prime-панель и подобные им, то их станет невозможно менять своими стилями.

Для чего эта тема?
Тут будут публиковаться изменения, как в самой возможности устанавливать свои стили, важные правки в HTML, так и всякие другие правки. Да, тут можно писать свои предложения и общаться с другими игроками, которым интересно будет этим заниматься.


Ответы на вопросы.

Спойлер
  1. Где отображается мой стиль? Его будут видеть другие пользователи, если посетят мой профиль?
    - Везде, абсолютно во всех доступных вам разделах. Да.

 

  • Мне это нравится 1
  • Кусь 1

Поделиться сообщением


Ссылка на сообщение

Небольшая модификация, увеличивающая размер обложки новости при наведении на неё указателя мыши на главной странице.

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

GIF-отображение

.bw-news a.wrapper:hover {
  height: 240px;
}

 

  • Мне это нравится 2
  • Хрю? 1

Поделиться сообщением


Ссылка на сообщение
В 17.05.2019 в 10:20, RIP230 сказал:

Небольшая модификация, увеличивающая размер обложки новости при наведении на неё указателя мыши на главной странице.

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

GIF-отображение


.bw-news a.wrapper:hover {
  height: 240px;
}

 

кому не удобно что они нка столько большие  уменьшите значение height

Поделиться сообщением


Ссылка на сообщение
В 17.05.2019 в 10:20, RIP230 сказал:

Небольшая модификация, увеличивающая размер обложки новости при наведении на неё указателя мыши на главной странице.

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

GIF-отображение


.bw-news a.wrapper:hover {
  height: 240px;
}

 

Данный стиль отныне является неактуальным, желательно его удалить.

  • Мне это нравится 1

Поделиться сообщением


Ссылка на сообщение

Та же самая "Панель навигации", но только снизу.

CSS-Screenshot.png.75261294640d952546e7ef3cfd780682.png

.panel-cover-nav{
  flex-direction:column;
}
.dop-nav-cover{
  order:1;
  width:100%;
  height:100%;
  margin-top:1rem;
}
.dop-nav-cover>.up-nav-link-sub{
  display:inline-flex;
  width:100%;
}

 

  • Мне это нравится 4

Поделиться сообщением


Ссылка на сообщение
В 11.12.2019 в 21:40, Umaru сказал:

Та же самая "Панель навигации", но только снизу.

CSS-Screenshot.png.75261294640d952546e7ef3cfd780682.png


.panel-cover-nav{
  flex-direction:column;
}
.dop-nav-cover{
  order:1;
  width:100%;
  height:100%;
  margin-top:1rem;
}
.dop-nav-cover>.up-nav-link-sub{
  display:inline-flex;
  width:100%;
}

 

сломано

Скриншот 17-06-2020 010315.png

Поделиться сообщением


Ссылка на сообщение
30 минут назад, THEEXP сказал:

сломано

Скриншот 17-06-2020 010315.png

Работает только при выключенном альтернативном размере

image.png.f60374e1c76d89adfab979fbaf9f8c5b.png

Если хотите, чтобы работало корректно с альтернативным размером, впишите дополнительно:

.overlay-gley[data-size="min"] .bw-links, body[main-letra-size="true"] .bw-links {

height: 70px;

Однако оно чуть обрезает обложку

  • Мне это нравится 1

Поделиться сообщением


Ссылка на сообщение
42 минуты назад, Emily сказал:

Работает только при выключенном альтернативном размере. 

image.png.f60374e1c76d89adfab979fbaf9f8c5b.png

спасибо, теперь панель отображается внизу нормально

Цитата

Если хотите, чтобы работало корректно с альтернативным размером, впишите дополнительно:

.overlay-gley[data-size="min"] .bw-links, body[main-letra-size="true"] .bw-links {

height: 70px;

Однако оно чуть обрезает обложку

тем не менее слегка увеличенные блоки мне не мешают

Поделиться сообщением


Ссылка на сообщение
.Heavy.Tech .online, .Heavy.Tech:hover .mString {
    background-color: #50c878;
}
.Power.Tech .online, .Power.Tech:hover .mString {
    background-color: #fd7b7c;
}
.Magic .online, .Magic:hover .mString {
    background-color: #c14ade;
}
.Misuse.Tech .online, .Misuse.Tech:hover .mString {
    background-color: #4169e1;
}
.Never.Change .online, .Never.Change:hover .mString {
    background-color: #33cddc;
}

Обновлённые цвета онлайна серверов

цвета можно легко изменить

Поделиться сообщением


Ссылка на сообщение

Некоторые элементы менять нельзя, есть ли способ это обойти?

Спойлер

К примеру я хочу вот это вот:

image.png.cf67d2a9b0708a130584ad33295d3012.png

image.png.db0481033d86b78be95e9e679fde7ae0.png

Сделать таким:

image.png.67728d7c6fae8b0d3aad38cb96b9450b.png

image.png.dc6cb580b3f77dcbab5523383cde9bd3.png

Но из-за этого:

image.png.58929f7852930ea80365826a70bf347e.png

image.png.cbc5f174f0b7b2a78c9ce777dece0059.png

image.png.456bab7a053b95dbb6f4ec7bfe5f8d15.png

Я не могу поменять цвет. Если убрать в этом месте строчку про фон, то мой цвет отображается.

 

Поделиться сообщением


Ссылка на сообщение
1 минуту назад, Dangart сказал:

Для чего в некоторых местах это нужно приблизительно понятно, но тут то зачем?

!important

  • Мне это нравится 1

Поделиться сообщением


Ссылка на сообщение
В 12.05.2019 в 09:04, Kirishima сказал:

f01.jpg

Что это?
Это возможность изменить сайт, добавив в него изменения стилей.

Где я могу начать редактировать стиль?
На главной странице сайта, по нажатию на меню слева.

  Показать контент

f02.jpg

Какие есть ограничения?
На данный момент, никаких ограничений нет, однако, если это станет популярный или будут изменяться такие блоки, как обложки, Prime-панель и подобные им, то их станет невозможно менять своими стилями.

Для чего эта тема?
Тут будут публиковаться изменения, как в самой возможности устанавливать свои стили, важные правки в HTML, так и всякие другие правки. Да, тут можно писать свои предложения и общаться с другими игроками, которым интересно будет этим заниматься.


Ответы на вопросы.

  Показать контент
  1. Где отображается мой стиль? Его будут видеть другие пользователи, если посетят мой профиль?
    - Везде, абсолютно во всех доступных вам разделах. Да.

 

Об ткм не на месте, но сообшить не возможно и другой способ: Делай продажу "магазин покупки" метеоритное железо ПОЛОНИЯ слиток или по другому....

  • Мне это нравится 2

Поделиться сообщением


Ссылка на сообщение

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
×
×
  • Создать...