- Совместимость версий
-
- 2.0
- 2.1
- 2.2
![Баннеры групп для форумов SA:MP](/data/resource_icons/0/89.jpg?1710143312)
Картинки хорошо, но вот ресурсы с баннерами изображением без исходника PSD, мало имеют смысла, так как содержат только уже готовые названия групп, которые не всегда есть на другом форуме. Уже не первый раз делаю подобные баннеры на CSS/LESS.
Предварительно сделаны логотипы для серверов:
В extra.less стиля или с помощью модификации шаблона, добавляем:
В коде уже предусмотрены несколько баннеров для групп, для команды форума, админа, модера, зарегистрированного, проверенного, премиум и заблокированного. В настройках группы указываем свой класс CSS, к примеру для админа:
Так для каждой группы и получим:
![2022-10-07_153442.png 2022-10-07_153442.png](https://svgzone.su/data/attachments/0/714-e5986911e910fc977f368561e5585d3e.jpg)
![2022-10-07_153531.png 2022-10-07_153531.png](https://svgzone.su/data/attachments/0/715-74571642574046805821d5fcaebfa1ea.jpg)
![2022-10-07_153557.png 2022-10-07_153557.png](https://svgzone.su/data/attachments/0/716-052d7bdb87f4da86ee29d55f781c0428.jpg)
Цвета баннеров указаны в коде:
Где #fff - цвет текста, #d80000 - цвет фона.
Для баннеров можно добавить градиент фона, для этого указать два цвета в свойстве
![2022-10-07_153755.png 2022-10-07_153755.png](https://svgzone.su/data/attachments/0/717-85d895f79256fdab7007ae726cac1d02.jpg)
![2022-10-07_153814.png 2022-10-07_153814.png](https://svgzone.su/data/attachments/0/718-98705b5c5f6deaa2f80ddccb5d105c6c.jpg)
![2022-10-07_153843.png 2022-10-07_153843.png](https://svgzone.su/data/attachments/0/719-a6ac6cddf899ccd1df72c65debc71ef3.jpg)
Так же можно изменить направление цветов градиента:
![2022-10-07_154049.png 2022-10-07_154049.png](https://svgzone.su/data/attachments/0/720-b6c0c21311af5079956d096ad836fafc.jpg)
![2022-10-07_154111.png 2022-10-07_154111.png](https://svgzone.su/data/attachments/0/721-ab31ef3fca18c7be7695fd053b92b235.jpg)
![2022-10-07_154134.png 2022-10-07_154134.png](https://svgzone.su/data/attachments/0/722-48eacf02093dcd3f99de4ef3ed53bdb5.jpg)
Как писал выше, можно изменить логотип сервера:
![2022-10-07_153442.png 2022-10-07_153442.png](https://svgzone.su/data/attachments/0/714-e5986911e910fc977f368561e5585d3e.jpg)
![2022-10-09_185629.png 2022-10-09_185629.png](https://svgzone.su/data/attachments/0/723-e0b00776f61ef7a732fdb48fb1cf1209.jpg)
![2022-10-09_185723.png 2022-10-09_185723.png](https://svgzone.su/data/attachments/0/724-23c90efae670e33c2b98c6dc8d2f934c.jpg)
![2022-10-09_185842.png 2022-10-09_185842.png](https://svgzone.su/data/attachments/0/725-3352c6ccf568aec53fcac60a97bf9e3c.jpg)
![2022-10-09_185940.png 2022-10-09_185940.png](https://svgzone.su/data/attachments/0/726-6e5b7874459c888655f10b5d9aeb2d93.jpg)
Изменить размер логотипа:
Прозрачность логотипа:
Предварительно сделаны логотипы для серверов:
- Arizona RP - arizona-logo.png
- NextRP - next-logo.png
- Evolve RP - evolve-logo.png
- Diamond RP - diamond-logo.png
- Radmir RP - radmir-logo.png
- Paradox RP - paradox-logo.png
- Revent RP - revent-logo.png
- BlackRussia - blackrussia-logo.png
- Матрешка RP - matreshka-logo.png
- Monser DeathMatch - monser-logo.png
В extra.less стиля или с помощью модификации шаблона, добавляем:
Less:
CSS:
![2022-10-07_153442.png 2022-10-07_153442.png](https://svgzone.su/data/attachments/0/714-e5986911e910fc977f368561e5585d3e.jpg)
![2022-10-07_153531.png 2022-10-07_153531.png](https://svgzone.su/data/attachments/0/715-74571642574046805821d5fcaebfa1ea.jpg)
![2022-10-07_153557.png 2022-10-07_153557.png](https://svgzone.su/data/attachments/0/716-052d7bdb87f4da86ee29d55f781c0428.jpg)
Цвета баннеров указаны в коде:
Less:
Для баннеров можно добавить градиент фона, для этого указать два цвета в свойстве
.gradientUserBanner();
, например:
Less:
![2022-10-07_153755.png 2022-10-07_153755.png](https://svgzone.su/data/attachments/0/717-85d895f79256fdab7007ae726cac1d02.jpg)
![2022-10-07_153814.png 2022-10-07_153814.png](https://svgzone.su/data/attachments/0/718-98705b5c5f6deaa2f80ddccb5d105c6c.jpg)
![2022-10-07_153843.png 2022-10-07_153843.png](https://svgzone.su/data/attachments/0/719-a6ac6cddf899ccd1df72c65debc71ef3.jpg)
Так же можно изменить направление цветов градиента:
Less:
![2022-10-07_154049.png 2022-10-07_154049.png](https://svgzone.su/data/attachments/0/720-b6c0c21311af5079956d096ad836fafc.jpg)
![2022-10-07_154111.png 2022-10-07_154111.png](https://svgzone.su/data/attachments/0/721-ab31ef3fca18c7be7695fd053b92b235.jpg)
![2022-10-07_154134.png 2022-10-07_154134.png](https://svgzone.su/data/attachments/0/722-48eacf02093dcd3f99de4ef3ed53bdb5.jpg)
Как писал выше, можно изменить логотип сервера:
Less:
![2022-10-07_153442.png 2022-10-07_153442.png](https://svgzone.su/data/attachments/0/714-e5986911e910fc977f368561e5585d3e.jpg)
![2022-10-09_185629.png 2022-10-09_185629.png](https://svgzone.su/data/attachments/0/723-e0b00776f61ef7a732fdb48fb1cf1209.jpg)
![2022-10-09_185723.png 2022-10-09_185723.png](https://svgzone.su/data/attachments/0/724-23c90efae670e33c2b98c6dc8d2f934c.jpg)
![2022-10-09_185842.png 2022-10-09_185842.png](https://svgzone.su/data/attachments/0/725-3352c6ccf568aec53fcac60a97bf9e3c.jpg)
![2022-10-09_185940.png 2022-10-09_185940.png](https://svgzone.su/data/attachments/0/726-6e5b7874459c888655f10b5d9aeb2d93.jpg)
Изменить размер логотипа:
Less:
Less: