Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Вопрос? Хелп(помощь по css)

Тема в разделе "Вопросы- ответы", создана пользователем hent4iboys, 18 янв 2019.

18.01.19 в 10:14
18.01.19 в 11:12
13
504
0
  1. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    Как сделать каждый второй элемент другого цвета
    (через nth-child(2n) красятся все блоки)
    файл : shortstory.tpl
    Код:
    <div class="seriallist-wrapper">
    <a style="text-decoration: none;" class="serialink" href="{full-link}"><span class="ndex3" rel="1"></span>{title}</a>
    <div class="season-box"><span class="index3" rel="2"></span>[xfvalue_season]</div>
    </div>
    </div>
    Код:
    .seriallist {
        list-style-type: decimal;
        margin-left: 26px;
        padding: 0 10px;
        color: #fff;
    }
    .seriallist-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .serialink {
        display: block;
        width: calc(100% - 100px);
        padding: 7px 0;
        font-size: 17px;
        color: #fff;
        margin-left: 1%;
    }
    .season-box {
        width: 130px;
        height: 20px;
        text-align: right;
        color: #fff;
        margin-right: 1%;
    }
    .seriallist-wrapper:hover {
        background: #DF314D;
    }
     
  2. FOX

    FOX Бывалый

    Регистрация:
    26 авг 2015
    Сообщения:
    192
    Лучших ответов:
    1
    Рейтинги:
    +29 / 1 / -0
    Для покраски всех четных используй лучше не n выражение, а even, типа элемент:nth-child(even) {стили}
    А если все красится, возможно надо делать присвоение класса конкретного, типа если у тебя повторяются блок с классом seriallist-wrapper, то нужно сделать
    .seriallist-wrapper:nth-child(even) { color:#ccc; background: #000; }
     
  3. Frosty

    Забанен

    Регистрация:
    31 мар 2017
    Сообщения:
    941
    Лучших ответов:
    1
    Рейтинги:
    +188 / 18 / -0
  4. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
  5. Frosty

    Забанен

    Регистрация:
    31 мар 2017
    Сообщения:
    941
    Лучших ответов:
    1
    Рейтинги:
    +188 / 18 / -0
    Значит что-то не так делаете, попробуйте через скрипт
     
  6. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    а что тут можно не так сделать?)0
    Screenshot_1.png
     
  7. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    не робит
     
  8. FOX

    FOX Бывалый

    Регистрация:
    26 авг 2015
    Сообщения:
    192
    Лучших ответов:
    1
    Рейтинги:
    +29 / 1 / -0
    Скинь представление блоков в количестве нескольких штук, просто не понятно у тебя div seriallist-wrapper повторяется, или то, что внутри
     
  9. Frosty

    Забанен

    Регистрация:
    31 мар 2017
    Сообщения:
    941
    Лучших ответов:
    1
    Рейтинги:
    +188 / 18 / -0
    Проще отправь код шаблона элемента и будет понятнее
     
  10. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    Screenshot_2.png Screenshot_3.png
     
  11. FOX

    FOX Бывалый

    Регистрация:
    26 авг 2015
    Сообщения:
    192
    Лучших ответов:
    1
    Рейтинги:
    +29 / 1 / -0
    Какого х** у тебя перед каждым блоком div.seriallist-wrapper скрипт? Вот по этому он их и не считает, ибо они у тебя через х размечены, и зачем 10 раз подключать как я уверен один и тот же скрипт? И в общий родитель их сделай, это я про блоки с классом seriallist-wrapper
     
    • Нравится Нравится x 1
  12. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    это же файл shortstory.tpl,движ сам дублирует
     
  13. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    упд,все,я понял чому это так,из-за того что все что в файле shortstory есть,дублируется,над подключать в сам css файл,спасибо хелп
     
  14. TopicStarter Overlay
    hent4iboys

    Забанен

    Регистрация:
    31 авг 2018
    Сообщения:
    695
    Лучших ответов:
    2
    Рейтинги:
    +139 / 27 / -0
    А еще вот такой вопрос,из-за чего другие блоки выходят из dle-content
    (пофиксил)
    прошу модеров удалить тему,Всем спасибо
     

    Вложения:

Похожие темы
  1. seooes
    Ответов:
    5
    Просмотров:
    829
  2. Darkensand
    Ответов:
    2
    Просмотров:
    382
Загрузка...
Яндекс.Метрика