Индикатор прогресса количества предупреждений

Различные модификации основанные на html и css.
Интересные дополнения и украшения для вашего стиля.
Помощь при доработке шаблонов вашего стиля.
Аватара пользователя
CabinetAdmin

Индикатор прогресса количества предупреждений

CabinetAdmin 12 окт 2013, 14:55 Сообщение

Индикатор прогресса количества предупреждений. Поле которое заполняется красным цветом при получении новых предупреждений.



Опишу примерную реализацию. Например, мы имеем группу "читатели", в которую попадают пользователи набравшие 3 предупреждения. Значит максимальным количеством предупреждений у нас будет три, под это количество и соорудим наш мини-мод.

Открываем шаблон viewtopic_body.html, находим:

Код: Выделить всё

<!-- END custom_fields -->


после найденного добавляем (для prosilver и его клонов):

Код: Выделить всё

<!-- IF postrow.POSTER_WARNINGS --> <dd><strong>{L_WARNINGS}</strong><br /> <span class="warn" title="{L_WARNINGS}: {postrow.POSTER_WARNINGS}"><span style="width:<!-- IF postrow.POSTER_WARNINGS <= 1 -->33<!-- ELSEIF postrow.POSTER_WARNINGS <= 2 -->66<!-- ELSEIF postrow.POSTER_WARNINGS <= 3 -->100<!-- ENDIF -->%;"></span></span> </dd> <!-- ENDIF -->


для subsilver2:

Код: Выделить всё

<!-- IF postrow.POSTER_WARNINGS --> <br /><b>{L_WARNINGS}</b><br /> <span class="warn" title="{L_WARNINGS}: {postrow.POSTER_WARNINGS}"><span style="width:<!-- IF postrow.POSTER_WARNINGS <= 1 -->33<!-- ELSEIF postrow.POSTER_WARNINGS <= 2 -->66<!-- ELSEIF postrow.POSTER_WARNINGS <= 3 -->100<!-- ENDIF -->%;"></span></span> <!-- ENDIF -->


В тему стиля:

Код: Выделить всё

.warn { display: inline-block; height: 5px; width: 100px; border: 1px solid #cccccc; overflow: hidden; border-radius: 5px; } .warn span { display: block; height: 5px; background: #f03737; }


Длина шкалы меняется здесь - width: 100px;, ширина - height: 5px;.
При другом количестве предупреждений добавляете необходимое количество <!-- ELSEIF postrow.POSTER_WARNINGS <= ? --> - 4, 5... И выставляете свои проценты, к примеру, если предупреждений пять, то первые 25%, следующие 50% и т.д., плюс 25%.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Иринка

Индикатор прогресса количества предупреждений

Иринка 28 май 2019, 13:47 Сообщение

CabinetAdmin писал(а):Источник цитаты Индикатор прогресса количества предупреждений.

Как сделать чтобы только индикатор остался, а верхний вариант убрать?
Индикатор прогресса количества предупреждений - Безымянный.jpg
Индикатор прогресса количества предупреждений - Безымянный.jpg (35.15 КБ) 481 просмотр

Аватара пользователя
CabinetAdmin

Индикатор прогресса количества предупреждений

CabinetAdmin 28 май 2019, 14:58 Сообщение

Нужно удалить:

Код: Выделить всё

<!-- IF postrow.POSTER_WARNINGS --><dd class="profile-warnings"><strong>{L_WARNINGS}{L_COLON}</strong> {postrow.POSTER_WARNINGS}</dd><!-- ENDIF -->
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект


Вернуться в «HTML модификации»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость