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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

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

Купить скрипт

🔥 Новинка в портфолио: ДИЗАЙН ФОРУМА В СТИЛЕ ФЭНТЭЗИ С ПРОЗРАЧНОСТЬЮ

Платформа: MyBB.ru (RusFF)
Стоимость: 8000 рублей;
Авторы: Moju & Gerda

Посмотреть

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



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

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

1

ТОПИК УСТАРЕЛ! новые коды для цветовыделения ЗДЕСЬ:
Цветовыделение ников на ВСЁМ форуме (CSS)

устарело

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

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://forumupload.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