Шапки, Шаблоны, Иконки, Скрипты и Всё для Ucoz - Главная страница
Вторник, 15.07.2025, 18:28
Приветствую Вас Гость | RSS

Мой сайт

Меню сайта
Мини-чат
Наш опрос
у вас есть сайт на Ucoz?
Всего ответов: 70
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Файлы » Ucoz » Скрипты для ucoz

Умные иконки групп
[ · Скачать удаленно () · Скриншот ] 03.12.2010, 21:56

Плюсы:
+ Всего одна картинка.
+ Настройка надписи на иконке в панели управления.
+ Настройка цвета иконки при помощи CSS.

Минусы:
- Работает только на белом фоне.
P.S. Тем не менее в прикрепленном архиве есть psd, там можно менять цвет фона. Только меняем не заливкой, а через свойства слоя "Фон" (color overlay).

Установка:
1. Кладём картинку userGroup.png (есть в прикрепленном архиве) в папку img на сервере.
2. Задаём стили для групп пользователей.

Code
  
   .groupUser {background-color: #a2a7ac;} /* Пользователи */  
   .groupVerify {background-color: #007eff;} /* Проверенные */  
   .groupModer {background-color: #34b02a;} /* Модераторы */  
   .groupAdmin {background-color: #b02a2a; font-weight: bold;} /* Администраторы */  
   .groupOther1 {background-color: #b4aa10;} /* Новая группа 1 */  
   .groupOther2 {background-color: #1fb1ac;} /* Новая группа 2 */  
   .groupOther3 {background-color: #6539e5;} /* Новая группа 3 */  
   .groupOther4 {background-color: #cf8332;} /* Новая группа 4 */  
   .groupOther5 {background-color: #c632cf;} /* Новая группа 5 */  
   .groupOther6 {background-color: #a239e5;} /* Новая группа 6 */  
   .groupOther7 {background-color: #3e9120;} /* Новая группа 7 */  
   .groupOther8 {background-color: #916020;} /* Новая группа 8 */  
   .groupOther9 {background-color: #797979;} /* Новая группа 9 */  
   .groupOther10 {background-color: #7ba227;} /* Новая группа 10 */  
   .groupFriends {background-color: #204b91;} /* Друзья */  
  

3. Задаём стили для кнопки:

Code
.userGroup {width: 158px; height: 28px; background: url('./img/userGroup.png') no-repeat; color: #fff; text-align: center; font: bold 11px 'Tahoma',sans-serif; padding-top: 8px;}

4. В шаблоне "Вид материалов форума" в нужное место ставим иконку:

Code
<?if($GROUP_ID$="1")?><div class="userGroup groupUser">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="2")?><div class="userGroup groupVerify">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="3")?><div class="userGroup groupModer">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="4")?><div class="userGroup groupAdmin">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="5")?><div class="userGroup groupOther1">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="6")?><div class="userGroup groupOther2">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="7")?><div class="userGroup groupOther3">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="8")?><div class="userGroup groupOther4">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="9")?><div class="userGroup groupOther5">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="10")?><div class="userGroup groupOther6">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="11")?><div class="userGroup groupOther7">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="12")?><div class="userGroup groupOther8">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="13")?><div class="userGroup groupOther9">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="14")?><div class="userGroup groupOther10">$GROUP_NAME$</div><?endif?>  
  <?if($GROUP_ID$="15")?><div class="userGroup groupFriends">$GROUP_NAME$</div><?endif?>
Категория: Скрипты для ucoz | Добавил: Walker | Теги: умные, групп, Скрипты для uCoz, иконки
Просмотров: 504 | Загрузок: 150 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск

Copyright MyCorp © 2025
Хостинг от uCoz