Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 15:12
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 17
Гостей: 16
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

иконки групп Авто цвет группы

иконки групп Авто цвет группы иконки, групп, Авто, цвет, группы
Плюсы:
+ Всего одна картинка.
+ Настройка надписи на иконке в панели управления.
+ Настройка цвета иконки при помощи 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?>  
  
Автор\Источник: twitter.com

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2755 | Комментарии: 5 | Рейтинг: 2.3/3 | |Категория: Скрипты Разное | Добавил: мир | Дата: 03.12.2010 | Скачали: 0 | Теги: цвет, группы, авто, иконки, групп
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
4 Диона   Дата: 07.03.2012  Время: 22:58   [№ 12422]
А как скачать картинки?

5 mdbaner   Дата: 07.03.2012  Время: 23:12   1 [№ 12423]
А тут 1 картинка цвета накладываются стилем, а сама картинка внизу в комментарий под спойлером

1 aksinya   Дата: 20.03.2011  Время: 14:18   [№ 7169]
Quote (мир)
(есть в прикрепленном архиве)
а где архив?

2 mdbaner   Дата: 20.03.2011  Время: 14:29   1 [№ 7170]

3 aksinya   Дата: 20.03.2011  Время: 14:38   2 [№ 7172]
Спасибо))


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru