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

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

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

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

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

Посмотреть

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

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

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

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

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

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

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

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

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

Подробнее

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/HTML Верстка / Кодинг: Инфа о пользователе

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

1

ОБЩАЯ ИНФОРМАЦИЯ О ЗАКАЗЕ

1. ССЫЛКА НА ФОРУМ/САЙТ:
http://deloresamp.ru/
2. УСЛОВИЯ И БЮДЖЕТ:


Минимальный и максимальный бюджет, условия: 

Предлагаю в обмен:


3. ВАШИ КОНТАКТЫ:

vk.com/soullessic

ТЕХНИЧЕСКОЕ ЗАДАНИЕ

1. ОПИСАНИЕ ЗАКАЗА:
 
Мне нужно сделать (объяснить как сделать) цветные ники на форуме и цветные ранги под ником( например: администратор(красным цветом и т.п.))Можно сделать так чтобы ник или ранг были в рамке/подчеркнуты и т.п.

2. ИСХОДНИКИ И ГРАФИКА:

Я предоставляю выбор исходников дизайнеру
Дизайнер должен использовать ТОЛЬКО мои исходники
Я ПРОТИВ использования в создании готового клипарта, все должно быть нарисовано вручную
Отсутствуют

3. ДОПОЛНИТЕЛЬНО:

Если что то неясно напишите в вк vk.com/soullessic

0

2

Soulless написал(а):

цветные ники на форуме

цветные ники: Цветовыделение ников и профилей на ВСЁМ форуме (CSS)

Soulless написал(а):

цветные ранги под ником

та же самая схема, что и в гайде по цветам ников, только вот такой код:

#profile .group1 .pa-title,  /* в посте на страничке ЛС */
.usertable .group1 .user_title,  /* в юзерлисте (список участников) */
.post[data-group-id="1"] .post-author li.pa-title /* в топике */ {color: red !important;}

+1

3

Soulless написал(а):

Можно сделать так чтобы ник или ранг были в рамке/подчеркнуты и т.п.

/* Ники и статусы - общие настройки */
#profile .pa-title,
.usertable .user_title,
.post .post-author li.pa-title,
#profile .pa-author a, 
.usertable .usersname a, 
.post .post-author li.pa-author a {
display: block;
padding: 3px;
text-align: center;
border: 1px solid #254664; /* Цвет рамки по умолчанию */
}

/* Ники групп - цветовыледение */
#profile .group1 .pa-author a, 
.usertable .group1 .usersname a, 
.post[data-group-id="1"] .post-author li.pa-author a {
border: 1px solid #254664; /* Цвет рамки ника */
color: red; /* Цвет ника */
text-decoration: underline; /* подчеркивание */

}

/* Статусы групп - цветовыледение */
#profile .group1 .pa-title, 
.usertable .group1 .pa-title, 
.post[data-group-id="1"] .post-author li.pa-title {
border: 1px solid #254664; /* Цвет рамки статуса */
color: red; /* Цвет статуса */
text-decoration: underline; /* подчеркивание */

}

+1

4

Герда написал(а):
Soulless написал(а):

цветные ники на форуме

цветные ники: Цветовыделение ников и профилей на ВСЁМ форуме (CSS)

Soulless написал(а):

цветные ранги под ником

та же самая схема, что и в гайде по цветам ников, только вот такой код:

#profile .group1 .pa-title,  /* в посте на страничке ЛС */
.usertable .group1 .user_title,  /* в юзерлисте (список участников) */
.post[data-group-id="1"] .post-author li.pa-title /* в топике */ {color: red !important;}

Спасибо вам за ответ, но если честно то ничего не понятно. Я когда залез в html код там даже не было строки с <style> и я теперь полностью запутался. Попробовал сделать как вы написали ничего не вышло.

0

5

Soulless написал(а):

Я когда залез в html код там даже не было строки с <style>

надо самому это добавить в html верх.

Администрирование > формы > html верх
Вставляешь:

Код:
<style>

</style>

МЕЖДУ этих тегов можно добавлять любые css-коды и они будут работать.

например вот так вставляется код с рамкой:

Код:
<style>
/* Ники и статусы - общие настройки */
#profile .pa-title,
.usertable .user_title, 
.post .post-author li.pa-title, 
#profile .pa-author a,  
.usertable .usersname a,  
.post .post-author li.pa-author a {
display: block;
padding: 3px;
text-align: center;
border: 1px solid #254664; /* Цвет рамки по умолчанию */
}

/* Ники групп - цветовыледение */
#profile .group1 .pa-author a,  
.usertable .group1 .usersname a,  
.post[data-group-id="1"] .post-author li.pa-author a {
border: 1px solid #254664; /* Цвет рамки ника */
color: red; /* Цвет ника */
text-decoration: underline; /* подчеркивание */
}

/* Статусы групп - цветовыледение */
#profile .group1 .pa-title,  
.usertable .group1 .pa-title,  
.post[data-group-id="1"] .post-author li.pa-title {
border: 1px solid #254664; /* Цвет рамки статуса */
color: red; /* Цвет статуса */
text-decoration: underline; /* подчеркивание */
}
</style>

этот код "красит" только группу №1 (администраторов)
для других групп надо размножить и кусок кода, отвечающий за цветовыделение и вписать другой номер группы и цвета (которые хочется для этих групп).

+1

6

Герда написал(а):

например вот так вставляется код с рамкой:

*поправила код.
случайно вставила его с бб-тегами

+1

7

https://forumupload.ru/uploads/0007/e3/f7/7050/t830099.png
а что то по типу этого можно сделать? в статусе или ранге, я про такую рамку имел ввиду

0

8

Soulless

Код:
<style>
/* Ники и статусы - общие настройки */
#profile .pa-title,
.usertable .user_title, 
.post .post-author li.pa-title, 
#profile .pa-author a,  
.usertable .usersname a,  
.post .post-author li.pa-author a {
display: block;
padding: 3px;
text-align: center;
}

/* Ники групп - цветовыледение */
#profile .group1 .pa-author a,  
.usertable .group1 .usersname a,  
.post[data-group-id="1"] .post-author li.pa-author a {
color: red; /* Цвет ника */
}

/* Статусы групп - цветовыледение */
#profile .group1 .pa-title,  
.usertable .group1 .pa-title,  
.post[data-group-id="1"] .post-author li.pa-title {
background-color: #254664; /* Цвет фона статуса */
color: #fff; /* Цвет статуса */
}
</style>

+1

9

Я возможно вам уже надоел... Но можете пожалуйста помочь в последний раз... Вот эти рамки(спасибо) замечательно работают, но только в темах или опросах. Как мне сделать так чтобы рамки групп и цвета ников отображались и в профилях, и в юзерлисте и т.д.
Если этот код очень трудно написать я готов заплатить...

0

10

Soulless написал(а):

в юзерлисте

для этого придется еще и скрипт добавлять в хтмл-низ:

Код:
<!-- Для рамок статуса в юзерлисте -->
<script type="text/javascript">
$('.usertable .user_title').wrap('<div class="status"></div>');
</script>

стиль в хтмл-верх:

Код:
<style>
/* Статусы - общие настройки */
.post-author .pa-title,
#viewprofile-next #profile-title strong,
.usertable .user_title .status {
display: block;
padding: 3px;
text-align: center;
}

/* Статусы групп - цветовыледение */
.post[data-group-id="1"] .post-author .pa-title,
.post-author.group1 .pa-title,
#viewprofile-next.group1 #profile-title strong,
.usertable .group1 .user_title .status {
background-color: #254664; /* Цвет фона статуса */
color: #fff; /* Цвет статуса */
}
</style>
Soulless написал(а):

и т.д.

этот код красит статусы в лс, юзер-листе, личке и профиле.
где еще есть статусы?

на цвет ника есть уже готовый код: Цветовыделение ников и профилей на ВСЁМ форуме (CSS)
*добавила в него покраску на странице профиля:

Код:
a.group1, /* в статистике + "Тему просматривают" */
.group1 .tc-username a, /* в таблицах подробной статистики + пополнений фонда + в юзерлисте */
.group1 .tcl a.registered-user, /* в таблице юзеров онлайн */
.group1 .tc-username a, /* в таблице вип-листа */
#messages .group1 .pmtc22 a,  /* в таблице ЛС */
#viewprofile-next.group1 #profile-name strong, /* профиле */
#profile .group1 .pa-author a,  /* в посте на страничке ЛС */
.post[data-group-id="1"] .post-author li.pa-author a /* в топике */ {color: red !important;}

0