Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Как для каждой новости вывести иконку?

Как для каждой новости вывести иконку?


     25.03.2016    Шаблоны (TPL), jQuery    500

вопрос
Есть топ новостей в dle выведенный через кастом
Например
Новость 1
Новость 2
Новость 3
Новость 4
Новость 5
и т.д.
нужна что бы для 1 иконки вывелась своя иконка для 2 своя и для 3 тоже своя .
иконки золота.серебро и бронза.

Ответил: NAMAT1992


http://htmlbook.ru/css/nth-child Вот ответ на ваш вопрос думаю разберетесь

Комментарии пользователей (7)

timalamer
18 | 1

timalamer - 25 марта 2016 17:29 - Юзер

Я бы сделал так:

!. Нужно создать доп. поле icon например,со списком.

2. Задать значения gold, silver, bronze

3. В ручную выбрать значение доп. поля, в новости.

4. Вывести иконку в коде.
<div class="newsblock [xfvalue_icon]">

5. Задать каждой иконке свой css.
.gold{color: yellow;}

timalamer
18 | 1

timalamer - 25 марта 2016 17:36 - Юзер

Или задать стиль каждой новости через :nth-child

http://htmlbook.ru/css/nth-child

serzh
17 | 3

serzh - 25 марта 2016 17:43 - Юзер

Проблема в том что каждую неделю топ меняется, и каждый раз менять все не вариант!Думал можно как через javascript
если 1 новость то присвоить такой то стиль , если 2 то такой то стиль и т.д.
но проблема в том что я не разбbраюсь в java

serzh
17 | 3

serzh - 26 марта 2016 12:13 - Юзер

А есть какой нибудь другой вариант?

sanderart
36 | 6

sanderart - 26 марта 2016 23:58 - Юзер

Так человек NAMAT1992 вполне хороший ответ дал. Почему не использовать?

serzh
17 | 3

serzh - 27 марта 2016 07:39 - Юзер

У меня идет нумерация через java
 <script>for (var i = 0; i < $('.someclass').length; i++) {
        $($('.someclass')[i]).find('.class').text(i+1);
        console.log($('.someclass')[i]);

     };
                      </script>

Хотелось бы для первых 3 новостей выводились свои иконки,и тоже через java

sanderart
36 | 6

sanderart - 27 марта 2016 11:59 - Юзер

Не понимаю, зачем усложнять все javascript. Если через css с помошью свойств nth-child или nth-of-type можно. Мое мнение.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы