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

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

вопрос

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

Ответил: NAMAT1992

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

7 комментариев

Юзер

timalamer - 2015-01-2625 марта 2016 17:29 - #54057

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

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

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

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

4. Вывести иконку в коде.

<div class="newsblock [xfvalue_icon]">

5. Задать каждой иконке свой css.

.gold{color: yellow;}

Юзер

timalamer - 2015-01-2625 марта 2016 17:36 - #54058

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

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

Юзер

serzh - 2015-01-2625 марта 2016 17:43 - #54060

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

Юзер

serzh - 2015-01-2626 марта 2016 12:13 - #54081

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

Юзер

sanderart - 2015-01-2626 марта 2016 23:58 - #54102

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

Юзер

serzh - 2015-01-2627 марта 2016 07:39 - #54107

У меня идет нумерация через 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 - 2015-01-2627 марта 2016 11:59 - #54109

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

Gordi | Telegram Sender ¹²

Gordi
Telegram Sender
Вчера, 15:47

купил. Модуль классный! Автору большая признательность!
TeraMoune | Как вывести тайтл и дискрипшен по маске ... ¹

TeraMoune
Как вывести тайтл и дискрипшен по маске в категориях?
14-04-2024, 00:36

Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
zawibis | Как настроить редирект на внешние сайты? ¹

zawibis
Как настроить редирект на внешние сайты?
13-04-2024, 14:53

Нашёлся ответ.
Нужно в настройках группы отключить параметр

Автоматическая замена ссылок [url] в тег [leech]
При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
TeraMoune | Как решить проблему с /xfsearch/значение ... ⁵

TeraMoune
Как решить проблему с /xfsearch/значение?
12-04-2024, 11:53

Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
komosa | Как решить проблему с /xfsearch/значение ... ⁵

komosa
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:34

А вот прикол то в том, что это коснулось только author
lutskboy | Как решить проблему с /xfsearch/значение ... ⁵

lutskboy
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:31

может быть не один только author. и другие поля. как знать куда перенаправлять
komosa | Как решить проблему с /xfsearch/значение ... ⁵

komosa
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:25

Проблема заключается не в регистре, а в названии /author/ пропадает, и получается так, что ссылки дублируются. Как сделать редирект с дубля /xfsearch/Имя Фамилия на правильный адрес /xfsearch/author/имя фамилия ?
lutskboy | Как решить проблему с /xfsearch/значение ... ⁵

lutskboy
Как решить проблему с /xfsearch/значение?
11-04-2024, 22:23

в новых версиях переводит в один регистр. либо xfsearch translit плагин
deadluk | Сайт для чтения манги ²

deadluk
Сайт для чтения манги
9-04-2024, 04:23

с ТЗ ознакомился. есть также вариант написать на typescript
deadluk | Сайт для чтения манги ²

deadluk
Сайт для чтения манги
9-04-2024, 04:10

пишите https://t.me/CheapestSir обсудим. можем сделать и на dle (php), а можем высокопроизводительное решение на C# (ASP.NET Core). полностью готовый сайт прод ключ. будет соответствовать ТЗ. c# идеально подохдоит для высоконагруженных проектов.