Зміна кольорів груп та ніків на форумі

Дата: Чт, 26.08.2010, 22:59 | Повідомлення № 1

Ветеран спілкування

Повідомлень: 3677

Нагороди: 18

Рейтинг: 204

В даній темі пропоную поговорити про зміну кольорів груп та ніків на форумі в розділі "Додаткова інформація" та в повідомленнях форуму.

1. Зміна кольорів груп в розділі "Додаткова інформація":

Заходимо в таблицю стилей (Панель управление - Дизайн - Управление дизайном (CSS)) і знаходимо там:

Code

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

Колір групи "Користувачі" тут не задається, він знаходиться на початку таблиці стилей, тобто колір загальних посилань.
По замовчуванню задано колір для 3 груп: модератори - синій, адміни - червоний, перевірені - зелений.
Кольори цих груп можна змінити, а також всіх створених вами власноруч.
Для зміни кольору групи "Користувачі" допишіть наступний код:

Code

a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:yellow;}

Замість yellow можна писати будь-який колір або його 16-річний вигляд.

Кожна створена вами група отримує позначення groupOther(1-10), так як додати можна максимум 10 груп. Номер групи в даному випадку означає порядок додавання.
На нашому сайті я змінив кольори так:
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;font-weight:bold}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;font-weight:bold}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:CC6600;font-weight:bold}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:336699;font-weight:bold}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:006600;font-weight:bold} - колір групи VIP-користувачі, оскільки перша група, яку я створив була VIP-користувачі. Зверніть увагу, що я також зробив шрифт жирним: font-weight:bold
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {color:990099;font-weight:bold} - другою створив "Кандидати в VIP" і т.д.

2. Зміна кольорів ніків у повідомленнях:

Панель управление - управление дизайном - форум - Вид материалов
Знаходимо там стрічку:

Code

<tr><td width="23%" class="postTdTop" align="center"><a class="postUser" href="javascript://" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></td>

Та замінюємо її на:

Code

<tr><td width="23%" class="postTdTop" align="center"><a class="postUser$GROUP_ID$" href="javascript://" onClick="emoticon('[b]$USERNAME$[/b],');return false;"><span class="forum_nik$UID$">$USERNAME$</span></a></td>

Зберігаємо шаблон і заходимо в таблицю стилей (Панель управление - Дизайн - Управление дизайном (CSS)) і пишемо там після
/* User Group Marks */ (або в будь-якому іншому місці):

a.postUser1 {color:#000000;} - колір групи 1
a.postUser2 {color:#00FF00;} - колір групи 2
a.postUser3 {color:#0000FF;} - колір групи 3
a.postUser4 {color:#FF0000;} - колір групи 4
ну і так далі для кожної групи. Але тут важливо подивитись, який ID у кожної групи (Пользователи - групы пользователей):

Отож, в нас на форумі виглядає так:

Code

a.postUser1 {color:336699;font-weight:bold;font-size:12}  - ID1 має група користувачі
a.postUser2 {color:CC6600;font-weight:bold;font-size:12} - ID2 має група кандидати в VIP і т.д. font-weight:bold;font-size:12 - жирний шрифт 12 розміром.
a.postUser3 {color:blue;font-weight:bold;font-size:12}
a.postUser4 {color:red;font-weight:bold;font-size:12}
a.postUser5 {color:006600;font-weight:bold;font-size:12}
a.postUser7 {color:990099;font-weight:bold;font-size:12}

3. Зміна кольорів груп:

Панель управление - управление дизайном - форум - Вид материалов
Знаходимо там <div class="postUserGroup> і замінюємо на <div class="postUserGroup$GROUP_ID$">
Код

Code

<b>Група:</b>

замінюєм на

Code

<b><span style="color:black; font-size:11">Група: <span></b>

Далі заходимо в таблицю стилей (Панель управление - Дизайн - Управление дизайном (CSS)) і пишемо там в розділі /* User Group Marks */ (або в будь-якому іншому місці):

Code

.postUserGroup1 {color:336699;font-weight:bold;font-size:11}
.postUserGroup2 {color:CC6600;font-weight:bold;font-size:11}
.postUserGroup3 {color:blue;font-weight:bold;font-size:11}
.postUserGroup4 {color:red;font-weight:bold;font-size:11}
.postUserGroup5 {color:006600;font-weight:bold;font-size:11}
.postUserGroup7 {color:990099;font-weight:bold;font-size:11}

Це можна отримати з попереднього, відредагувавши a.postUser1 відповідно на .postUserGroup1 і т.д.

Сподіваюсь, написано зрозуміло, якщо ні - запитуйте.