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

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

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

f01.jpg

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

Где я могу начать редактировать стиль?
Открыв настройки сайта через основное меню.

Какие есть ограничения?

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

Что будет за нарушение ограничений?
Потеря доступа к возможности установки своих стилей.

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


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

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

 

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

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


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

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

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

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

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

 

  • Мне это нравится 3
  • Хрю? 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%;
}

 

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

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


Ссылка на сообщение
В 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;
}

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

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

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


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

f01.jpg

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

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

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

f02.jpg

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

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


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

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

 

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

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

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


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

В body добавлены 2 аргумента.

  • data-action - какая страница открыта. (#otmal[data-action="user"]:before)
  • data-user-id - имя игрока в его профиле.
  • Мне это нравится 2
  • Штраф сердечко 2

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


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

Может кому понадобится, увеличение предметов в коллекции на сайте.

Я хотел загрузить гифку, но 3мб (вместо 13 как с этим видео) не загрузилось...

#collections>div,#collections>div>div[style="width:100%"]{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:2px} .collection-card-but{width:100%;margin:0} .collection-card-but>.e-pass-img{transition:.4s} .collection-card-but:hover>.e-pass-img{transform:scale(6) translate(var(--x,0),var(--y,0))!important;filter:drop-shadow(0 0 10px black);z-index:1;transition:.6s;transition-delay:.4s} .collection-card-but::before{content:"";z-index:9999;position:absolute;width:100%;height:100%} .collection-card-but:nth-child(10n):hover,.collection-card-but:nth-child(10n+9):hover,.collection-card-but:nth-child(10n+8):hover{--x:-40%}.collection-card-but:nth-child(10n+1):hover,.collection-card-but:nth-child(10n+2):hover,.collection-card-but:nth-child(10n+3):hover{--x:40%} .collection-card-but:nth-child(n+11):hover{--y:-20%}

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

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


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

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

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

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

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

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

Войти

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

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