Воскресенье, 22.Дек.2024, 10:49:15
Приветствую Вас Гость

 

[ Наша команда · Услуги сайта · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
10:49:15
Обновить
  • Страница 1 из 1
  • 1
Умные иконки групп
MaksimilianДата: Суббота, 12.Мар.2011, 22:22:53 | Сообщение # 1
Анимешник
Администраторы
Добавить в друзья
Смайл настроения:
Сообщений: 3093
Награды: 570 1
Репутация: 4562
Статус: Offline
Плюсы:
+ Всего одна картинка.
+ Настройка надписи на иконке в панели управления.
+ Настройка цвета иконки при помощи 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?>

Автор вроде как http://uch0601.ucoz.ru

Прикрепления: icongroup.rar (14.7 Kb)






Алгоритм 2.5- программа для создания программ
Есть вопросы??? Пиши maksimilian@gold-ak.net
Хочешь помочь сайту? кинь монетку на R273306219163

Награды За создание сайта
За раскрутку проэкта За 50 репутации За 100 репутации За 150 репутации За 200 репутации За 300 репутации За 400 репутации За 500 репутации
За 50 Сообщений За 200 Сообщений За 300 Сообщений
 
My status maksimus-S
ChoSenДата: Четверг, 19.Апр.2012, 18:21:03 | Сообщение # 2
Рядовой
Пользователи
Добавить в друзья
Смайл настроения:
Сообщений: 22
Награды: 2 2
Репутация: 32
Статус: Offline
это как на этом сайте да макс??


Занимаюсь развитеем сайта http://uffiles.net, предоставляю услуги по раскрутке и созданию сайтов. Акция!!! Делаю анимационные баннеры бесплатно!! admin@uffiles.net
 
My status jazzzz6265
MaksimilianДата: Четверг, 19.Апр.2012, 18:48:23 | Сообщение # 3
Анимешник
Администраторы
Добавить в друзья
Смайл настроения:
Сообщений: 3093
Награды: 570 3
Репутация: 4562
Статус: Offline
ChoSen, ага, очень удобно на мой взгляд, и размер маленький(всего одна картинка) и цвет какой хочешь.






Алгоритм 2.5- программа для создания программ
Есть вопросы??? Пиши maksimilian@gold-ak.net
Хочешь помочь сайту? кинь монетку на R273306219163

Награды За создание сайта
За раскрутку проэкта За 50 репутации За 100 репутации За 150 репутации За 200 репутации За 300 репутации За 400 репутации За 500 репутации
За 50 Сообщений За 200 Сообщений За 300 Сообщений
 
My status maksimus-S
  • Страница 1 из 1
  • 1
Поиск: