ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Цветовыделение ников и аватарок на CSS (без скриптов)


Цветовыделение ников и аватарок на CSS (без скриптов)

Сообщений 1 страница 2 из 2

1

Коды для цветовыделения ников
Позволяет изменить цвет имени заданных пользователей.

http://gerda.moy.su/_bd/0/63.jpg

код и описание

Автор: Romych
Про цветовыделение ников на форуме поддержки создано уже сотня тем, и написана куча скриптов, но я озаботился вопросом работы этого цветовыделения при любых обстоятельствах, в том числе и при тех, когда пользователь отключает в браузере поддержку java script, делается это по разным причинам, например, пользователь хочет обойти скрипт запрета просмотра определённой темы и т.д., в этот момент естественно ни один скрипт на вашем форуме не работает,
предложенный мной в этой теме способ даёт возможность выделять ники администраторов и модераторов ВСЕГДА, при любых осбтоятельствах, (разве что только не в совсем древних версиях браузеров)
Итак, принцип таков: у каждого пользователя есть его id, который отображается в адресной строке его профиля,
css нам позволяет отслеживать ссылки по номерам определённых id и манипулировать их стилем

например у админа форума id, таков -/profile.php?id=2 и ник Ромыч
в css через селекторы атрибутов можно обратиться к этим данным так:

a[href$="/profile.php?id=2" {color: purple !important;} /* цветовыделение в списке активных и посещавших форум */
a[href*="javascript:to('Ромыч')"] {color: purple !important;} /* цветовыделение ника над аватаром */

то же самое происходит и с модераторами, только их перечисляем через запятую,
привожу пример, в котором у модераторов-парней цвет ника голубой, а у девчёнок-модераторов малиновый,
если этого не нужно то ники модераторов в описании форумов можно сделать одним цветом гораздо проще, но тут в пример пример с индивидуальными id и никами

/* цветовыделение администратора */
a[href$="/profile.php?id=2"] {color: purple !important;} 
a[href*="javascript:to('Ромыч')"] {color: purple !important;}

/* цветовыделение модераторов-парней */
a[href$="/profile.php?id=10"], a[href$="/profile.php?id=996"], a[href$="/profile.php?id=11"], a[href$="/profile.php?id=680"], a[href$="/profile.php?id=45"], a[href$="/profile.php?id=68"] {color: blue !important;}
a[href*="javascript:to('Andry')"], a[href*="javascript:to('Hired')"], a[href*="javascript:to('Keriby')"], a[href*="javascript:to('SANINSPEKTOR')"], a[href*="javascript:to('Aaron_Niguez')"], a[href*="javascript:to('Esdrin')"] {color: blue !important;}

/* цветовыделение модераторов-девушек */
a[href$="/profile.php?id=37"] {color: crimson !important;}
a[href*="javascript:to('lehrerin')"] {color: crimson !important;}

цветовыделение происходит в списке посещавших форум за сутки, в списках активных на данный момент, выделяется ник над аватаром и в описании форумов цвет ников модераторов

Не забываем заключать css коды в теги <style> </style>.


Цветовыделение ников с картинками перед никами

http://s1.uploads.ru/t/IJDGr.jpg

код и описание

Действуем по принципу простого цветовыделения через css, только делаем код посложнее:

a[href$="/profile.php?id=2"], a[href$="/profile.php?id=5"], a[href$="/profile.php?id=12"] {
color: red !important; /*цвет ников*/
display: inline-block;
background: transparent url(http://s1.uploads.ru/Zu2Gi.png) no-repeat top left; /*ссылка на иконку перед никами*/
height: 12px; /*высота иконки*/
padding-left: 16px; /*ширина иконки*/
}

красное - ссылки на профили, к которым применяется цветовыделение.
а теперь повторяем тот же код стиля только для никнеймов, а не ссылок на профили, также через запятую:

a[href*="javascript:to('Gerda')"], a[href*="javascript:to('Гуру')"], a[href*="javascript:to('Ромыч')"] {
color: red !important;
display: inline-block;
background: transparent url(http://s1.uploads.ru/Zu2Gi.png) no-repeat top left;
height: 12px;
padding-left: 16px;
}


Цветовыделение ников и аватарок на CSS
На ВСЕМ форуме: в постах, в личке, в юзер-листе + изменение цвета при наведении курсора

http://forumfiles.ru/uploads/0007/e3/f7/2/524659.png

Код и описание

Преимущество использование CSS в том, что можно не просто прописать цвет, а добавить фон, всплывающие фичи и т.д.
Данные коды цветовыделяют ники и аватарки не просто в топиках, а на всем форуме.

Для ников:

.punbb li.pa-author a[href="javascript:to('Герда')"],
.usertable .usersname a[href$="http://forumd.ru/profile.php?id=2"],
.pa-author a[href$="/profile.php?id=2"] {color: #e63737 !important;}

Ник при наведении курсора:

.punbb li.pa-author a[href="javascript:to('Герда')"]:hover,
.usertable .usersname a[href="http://forumd.ru/profile.php?id=2"]:hover,
.pa-author a[href$="/profile.php?id=2"]:hover {color: #b80000 !important;}

1я строчка - код для топиков
2я строчка - код для юзерлиста
3я строчка - код для лички

Красное - ник юзера
Синее - ID юзера
Зеленое - адрес форума
    *обратите внимание, что ссылка для юзерлиста обязательно должна быть ПОЛНОЙ
Оранжевое - цвет


Для аватарок:

li.pa-avatar img[alt="Герда"],
li.pa-avatar img[title="Герда"],
.user-avatar a[href$="/profile.php?id=2"] .avatar-image {border: 3px solid #e63737 !important;}

Авы при наведении курсора:

li.pa-avatar img[alt="Герда"]:hover,
li.pa-avatar img[title="Герда"]:hover,
.user-avatar a[href$="/profile.php?id=2"] .avatar-image:hover {border: 3px solid #b80000 !important;}

1я строчка - код для топиков
2я строчка - код для юзерлиста
3я строчка - код для лички

Красное - ник юзера
Синее - ID юзера
Оранжевое - рамка

+2

2

Добавлены коды цветовыделения от ForumD.ru

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Цветовыделение ников и аватарок на CSS (без скриптов)