sonyx
Заблокированные
- Регистрация
- 8 Июн 2017
- Сообщения
- 473
- Симпатии
- 235
Может кому то из разрабов пригодится, готовая таблица стилей, для генерации значков скилла.
Особенности: никаких фоновых картинок, минимальное кол-во тегов в документе (для вывода в МОТД это критично же).
Заливку можно заменить градиентом при желании, просто не стал делать.
В HTML скил заключаем просто в тег с нужным классом.
Пример:
skill-*** - минимальный порог скила (0, 60, 75 и т.д.)
на выходе имеем:
![upload_2017-6-11_13-4-58.png upload_2017-6-11_13-4-58.png](https://goldsrc.ru/data/attachments/0/195-147e48fe090919a7ff8c258ffd686cf5.jpg)
если уровень скилла не задан, или задан не верно:
![upload_2017-6-11_13-6-51.png upload_2017-6-11_13-6-51.png](https://goldsrc.ru/data/attachments/0/196-ece707dbc3d187724c6e2a010ea9c929.jpg)
Пример использования: TOP игроков проекта TeamWork
Особенности: никаких фоновых картинок, минимальное кол-во тегов в документе (для вывода в МОТД это критично же).
Заливку можно заменить градиентом при желании, просто не стал делать.
В HTML скил заключаем просто в тег с нужным классом.
Пример:
PHP:
<div class="skill skill-130">137</div>
на выходе имеем:
![upload_2017-6-11_13-4-58.png upload_2017-6-11_13-4-58.png](https://goldsrc.ru/data/attachments/0/195-147e48fe090919a7ff8c258ffd686cf5.jpg)
если уровень скилла не задан, или задан не верно:
![upload_2017-6-11_13-6-51.png upload_2017-6-11_13-6-51.png](https://goldsrc.ru/data/attachments/0/196-ece707dbc3d187724c6e2a010ea9c929.jpg)
Пример использования: TOP игроков проекта TeamWork
Вложения
-
512 байт Просмотры: 68
Последнее редактирование: