Комментарий от Seth

Комментарий #8959167
Seth

в топике Особенности стиля23 ноября 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

Apc19 декабря 2023#

@Seth, @Seth Смотрю, ты так себе ничего не поменял?
Если тема ещё интересует, вот кусок кода, который Я для себя накарябал:

#profiles_show .b-achievement .c-image .inner { transform: scale(1); }

#profiles_show .achievements .cc-2 > .c-column:nth-child(1) {width: 100%; z-index: 0; }
#profiles_show .achievements .cc-2 > .c-column:nth-child(2) {width: 100%; z-index: 0; margin-left: 0;}

#profiles_show.p-profiles-show .achievements .cc-franchises .b-badge:nth-child(5),
#profiles_show.p-profiles-show .achievements .cc-franchises .b-badge:nth-child(6),
#profiles_show.p-profiles-show .achievements .cc-franchises .b-badge:nth-child(7),
#profiles_show.p-profiles-show .achievements .cc-franchises .b-badge:nth-child(8) { display: inline-block; }
#profiles_show .cc-franchises { display: inline-block; margin-top: 9px; margin-left: 11px; margin-bottom: 21px;}

.p-profiles-show .achievements .cc-authors .b-achievement:nth-child(1) { left: 13px; top: 2px; }
.p-profiles-show .achievements .cc-authors .b-achievement:nth-child(2) { left: 6px; top: 2px; }
.p-profiles-show .achievements .cc-authors .b-achievement:nth-child(3) { left: -2px; top: 2px; }
.p-profiles-show .achievements .cc-authors .b-achievement:nth-child(4) { left: 13px; top: 5px; }
.p-profiles-show .achievements .cc-authors .b-achievement:nth-child(5) { display: inline-block; left: 6px; top: 5px; }
.p-profiles-show .achievements .cc-authors .b-achievement:nth-child(6) { display: inline-block; left: -2px; top: 5px; }
#profiles_show .c-column .cc-authors { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0; margin-top: 14px; }
#profiles_show.p-profiles-show .achievements .cc-authors .b-achievement {
  height: 91px; width: 95%;
  margin: 0;
}

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

P.S. Если кто захочет допилить до стандартного варианта (изменить вторую и третью строчку кода) — милости прошу. Наличие опций всегда приветствуется

@Seth

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

Комментарий #8959167 Seth

Комментарий #8959167
Seth