Особенности стиля

EngiNierвE-club - поддержка стиля Edesign для shikimori

24 октября 2018

Особенности стиля:

В формате профиля "Citrus" используются видоизмененные списки.

Для полной работоспособности необходимо добавить в каждую категорию списка ("Смотрю"/"Читаю", "Запланировано" и т.д.) не менее 1-го пункта. Это предосмотр. Сами списки полупрозрачные, что не портит фон профиля. Есть приложение, которое делает списки однотонными.

Формат профиля "Citrus" адаптируется под разрешение экрана.

1280х1024

1366х768

1920х1080

3 фото выше - это превью стиля для разрешения 1280х1024, 1366х768 и 1920х1080. Также есть оптимизация для 1600х900.
То есть в зависимости от того какое у вас разрешение, стиль профиля будет подстраиваться и меняться.
Соответственно два человека с разными разрешениями экрана будут по разному видеть ваш профиль.
Это, по моему мнению, улучшает восприятие профиля на разных мониторах.

Комментарии

Скрыть 5 комментариев

Показать 5 комментариев

Загрузить ещё 5 комментариев

᠌ ᠌ ᠌᠌ ᠌16 мая 2019#

@EngiNier,

440x193
А такого варианта не будет больше?

@EngiNier

EngiNier17 мая 2019#

@᠌ ᠌ ᠌᠌ ᠌, не знаю, может в будущем. Это не скоро

@Adil Maharramov

Adil Maharramov 9 декабря 2019#

@EngiNier, В формате профиля "Citrus" используются видоизмененные списки

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

@EngiNier

EngiNier10 декабря 2019#

@Adil Maharramov, В сборщике. А сборщик прям на главной странице. Сейчас шрифт увеличу чтоб видно было)

@Adil Maharramov

Adil Maharramov11 декабря 2019#

@EngiNier, понял спасибо

GRekus18 января 2020#

а как сделать спойлер в спойлере?

@krios

krios19 января 2020#

@greksu, написать [spoiler=спойлер][spoiler]_[/spoiler][/spoiler]

спойлер

@GRekus

GRekus19 января 2020#

@krios,

1185x101
а в таком виде? чтобы в каждом таком спойлере можно было расположить множество других спойлеров.
то есть первоначальный сделать могу:
[div=fullwidth][spoiler=Спойлер]
а дальше не понимаю, как в этом спойлере сделать другие, никак у меня не получается

krios19 января 2020#

ну в каждом таком дальше также писать спойлеры

[div=fullwidth][spoiler=основной спойлер]
    [div=fullwidth][spoiler=Спойлер внутри]
        content
    [/spoiler][/div]
    [div=fullwidth][spoiler=Спойлер внутри]
        content
    [/spoiler][/div]
    [spoiler=спойлер обычный внутри]
        content
    [/spoiler]
[/spoiler][/div]

основной спойлер

Спойлер внутри

content

Спойлер внутри

content

спойлер обычный внутри

content

@GRekus, @Tatsuya Asagiri

GRekus19 января 2020#

@krios, спасибо большое

Tatsuya Asagiri14 марта 2020#

@krios, Здравствуйте, могу я узнать для чего [div=fullwidth] ?

@krios

krios14 марта 2020#

@Kyou Souma, [div=fullwidth] это кнопка, которая оборачивает спойлер [spoiler=]

@Tatsuya Asagiri

Tatsuya Asagiri14 марта 2020#

@krios, Хм я вроде и без этого сделал )
Ну ок буду знать спс

@EngiNier

EngiNier15 марта 2020#

@Kyou Souma, класс добавляется чтобы можно было иметь и обычные спойлеры и спойлеры-кнопки. У тебя же все спойлеры превратятся в кнопки, а у меня лишь те, у которых обертка из блока с классом fullwidth.

@Tatsuya Asagiri

Tatsuya Asagiri16 марта 2020#

@EngiNier, Ясно но у меня почему то не работает с [div=fullwidth] ) (Не шарю в кодах

) Кстати можете сказать как сделать подобное оформление

1035x254 через сборщик как то не хочется

Может вам не сложно подсказать

@EngiNier

EngiNier21 марта 2020#

@Kyou Souma, Конечно не работает, потому что fullwidth приписано в коде (в стиле ) вручную. Это не стандартные шаблоны от shikimori, а встроенные в стиль.
Насчет списков. Вырезки нет, и делать не собирался. В сборщике ничего сложного нет, даже предосмотр есть..

Seth23 ноября 2022#

Помогите, пожалуйста поменять разметку для достижений на лицевой профиля к стандартному варианту разметки. Да и просто сам раздел достижений вернуть к стандарту,

Код

@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_1.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_2.css");
@import url("https://raw.githubusercontent.com/ed-main/ed-main.github.io/master/cssfiles/main_code_3.css");

body:after {
  background-image: url(https://storge.pic2.me/cm/2560x2048/784/588b330ab2fd1.jpg);
}

.l-footer:after {
  content: "*Alien Earth*";
}

@media screen and (min-width: 1px) {
  .correct-mob-version {
    color: inherit;
  }
}

.shikista {
  color: white;
}

@media screen and (min-width: 1px) {
  html:root {
    --white-color: 218, 213, 255;
    --light-color: 183, 192, 241;
    --dark-color: 136, 145, 212;
    --bright-color: 161, 158, 253;
    --dull-color: 124, 127, 179;
    --input-color: 95, 95, 127;
    --hover-bottoms-1: 40, 39, 86;
    --buttoms-color: 45, 45, 120;
    --hover-buttoms-2: 156, 98, 25;
    --very-high-rating: 126, 123, 228;
    --high-rating: 93, 90, 187;
    --average-rating: 59, 60, 134;
    --small-rating: 41, 43, 117;
    --time-filled: 70, 73, 175;
    --time-empty: 18, 14, 53;
    --anime-inprocess: 69, 146, 76;
    --anime-complete: 41, 107, 47;
    --manga-inprocess: 189, 15, 86;
    --manga-complete: 153, 0, 62;
    --hover-color: 210, 137, 45;
    --shadows-color: 134, 141, 193;
    --block-color: 46, 45, 97;
    --menu-back: 10, 13, 33;
    --nick-cover: 45, 33, 167;
    --popup-color: 35, 34, 75;
    --hundred: 1;
  }
}

@EngiNier, @Apc

EngiNier28 ноября 2022#

@Seth, Проще найти весь код начинающеешся с body.acheivements в одной из частей импортов.
Выпилить его и вставить как сырой код себе

@Seth, @IR

Seth29 ноября 2022#

@EngiNier, хорошо, так и сделаю, спасибо.

@Apc

IR25 сентября 2023#

@EngiNier, коды с боди ещё актуальны ?

Твой комментарий