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

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио команды » Аватары по умолчанию, разные авы для групп, принудительные авы (CSS)


Аватары по умолчанию, разные авы для групп, принудительные авы (CSS)

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

1

[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Аватар по умолчанию через CSS">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/2/257838.jpg" class="postimg">

</a>

<div id="cover-block">
Дата: 23.10.2020<br>
Автор: <a href="/profile.php?id=2" target="_blank">Герда</a><br>
Бесплатный скрипт<br>
Описание: Коды для установки аватарок списках, в топике, в профиле, в ЛС + разные авы для разных групп + принудительные аватарки пользователям или группам
</div>

</div>

<div id="port-block2" class="free">

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="аватары по умолчанию в юзер-листе (разные для разных групп)"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/690847.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="аватар по умолчанию в профиле в топике"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/792466.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="аватар по умолчанию на странице профиля"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/309827.png" class="postimg"></a></section>
<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="аватар по умолчанию в списках"><img src="https://forumupload.ru/uploads/0007/e3/f7/2/156330.png" class="postimg"></a></section>
</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]

Есть вопросы? Задавай их в этом топике. Это поможет расширить гайд по цветовыделению. :flag:

Все коды, приведенные здесь, ставятся в Администрирование > Свой стиль или HTML-верх между тегов <style>

Код:
<style>
тут коды
</style>
Аватар по умолчанию в топике
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Красное - селектор поля, после которого вставлять аватар
Если у вас аватар идет не после статуса, а после ника, ставьте .pa-author
Зелеными комментариями отмечены настройки. Размер картинки может быть любым, она автоматически встанет в прописанную ширину и высоту.

Аватар по умолчанию + скрипт "Ссылка на профиль по клику на аватар"
При использовании скрипта Ссылка на профиль по клику на аватар аватар ставим так:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

А в скрипт надо добавить строчку:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Разные аватары по умолчанию для разных групп

Ставятся кодом:

.post[data-group-id="1"] .post-author.no-avatar...

Красная цифра - ID группы

Лучше всего отдельно написать общие стили и отдельно прикреплять разные картинки для разных групп:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Аватар по умолчанию в профиле
Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Разные аватары по умолчанию для разных групп
Ставятся кодом:

#viewprofile-next.no-avatar.group1 #pa-avatar strong...

Лучше всего отдельно написать общие стили и отдельно прикреплять разные картинки для разных групп:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Аватар по умолчанию в списках

Этот код поможет заменить аватару для тех, у кого ее нет, в колонке "последнее сообщение" и списке пользователей:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Разные аватары по умолчанию для разных групп в списке пользователей
В списке пользователей (+ табличке ЛС) можно установить РАЗНЫЕ аватарки для разных групп:

К сожалению для колонки "последнее сообщение" такой возможности нет.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Красная цифра - ID группы

Принудительная установка аватары для заданных пользователей и групп

Для группы
Таким образом можно, например, аватарки использовать как фото в профиле, а на место аватарки в топиках и списке пользователей отображать картинку, символизирующую принадлежность к группе.
Ну, или сделать привилегированную группы, которые могут использовать индивидуальные аватарки, а всех новичков держать с аватаркой по умолчанию.
Важно! для групп в колонке "последнее сообщение" всё равно будет отображаться аватар, установленный пользователем.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

ID круппы выставляется в этих частях кода:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Для пользователей
Вариант применения: запретить смену аватары рекламного аккаунта, просто убрав ее отображение через стиль.
Ну, или можно наказать какого-либо пользователя таким вот "обезличиванием" и он даже не поймет, почему его аватар не работает.

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

ID круппы выставляется в этих частях кода:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

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

+4

2

Герда, здравствуйте.
Поставил данные скрипты и в топиках у юзеров без аватара нет обводки, в "участниках и ЛС" обводка есть.
https://forumupload.ru/uploads/0007/e3/f7/6989/t956879.png+
https://forumupload.ru/uploads/0007/e3/f7/6989/t497443.png

0

3

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

в топиках у юзеров без аватара нет обводки

Там у вас аватар отсутствующий стоит по-хитрому, не картинкой, поэтому на него не срабатывает. : )
Возьмём для примера настройки админской группы, вот они:

Код:
<style>
#onlinelist a.group1, /* в статистике */
#topic-users-in a.group1, /* в контейнере "Тему просматривают" */
#pun-online .group1 .tcl a.registered-user, /* в таблице юзеров онлайн */
#pun-statistic .group1 .tc-username a, /* в таблице подробной статистики */
#pun-foundation .group1 .tcl a, /* в таблице пополнений фонда */
#vip-list .group1 .tc-username a, /* в таблице вип-листа */
#messages .group1 .pmtc22 a,  /* в таблице ЛС */
#profile .group1 .pa-author a,  /* в посте на страничке ЛС */
.usertable .group1 .usersname a,  /* в юзерлисте (список участников) */

.post[data-group-id="1"] .post-author li.pa-author a /* в топике */ {color: red !important;}
</style>

Добавим перед последней строкой, туда, где я в предыдущем коде сделала отступ, ещё одну настройку:

Код:
<style>
#onlinelist a.group1, /* в статистике */
#topic-users-in a.group1, /* в контейнере "Тему просматривают" */
#pun-online .group1 .tcl a.registered-user, /* в таблице юзеров онлайн */
#pun-statistic .group1 .tc-username a, /* в таблице подробной статистики */
#pun-foundation .group1 .tcl a, /* в таблице пополнений фонда */
#vip-list .group1 .tc-username a, /* в таблице вип-листа */
#messages .group1 .pmtc22 a,  /* в таблице ЛС */
#profile .group1 .pa-author a,  /* в посте на страничке ЛС */
.usertable .group1 .usersname a,  /* в юзерлисте (список участников) */
.post[data-group-id="1"] .post-author.no-avatar li.pa-title::after, /* в топике без аватара */
.post[data-group-id="1"] .post-author li.pa-author a /* в топике */ {color: red !important;}
</style>

Так нужно будет сделать для всех пользовательских групп.

0

4

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

.post[data-group-id="1"] .post-author.no-avatar li.pa-title::after, /* в топике без аватара */

Неа, нет обводки.

0

5

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

Неа, нет обводки.

вытащи отдельно строчку:

.post[data-group-id="6"] .post-author.no-avatar li.pa-title:after {
border: 2px solid fuchsia;
}

синее - ID группы
красное - делает обводку

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

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

+1

6

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

Неа, нет обводки.

вытащи отдельно строчку:

.post[data-group-id="6"] .post-author.no-avatar li.pa-title:after {
border: 2px solid fuchsia;
}

синее - ID группы
красное - делает обводку

Спасибо, работает.

0

7

Ну, вот, нашёл свою хруфстальную мечту (точнее, одну из мечт) и тут же попытался реализовать. А вот фигушки! Не то, что "обводка пропала", как, вон, у товарища, или ещё какая-нибудь мелочь... - ВАЩЕ ни шиша не выходит! Ставлю самый первый код

Код:
.post .post-author.no-avatar .pa-title:after {
content: '';
display: block;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://forumstatic.ru/files/0007/e3/f7/69291.jpg); /* Адрес картинки */
width: 100px; /* Ширина аватары */
height: 100px; /* Высоты аватары */
margin: 5px auto 5px; /* отступы от других полей и выравнивание по центру */
}

в хтмл-верх - в шапке тупо прописывается сам код; ставлю в хтмл-низ - те же буковки-циферки прописываются в футере... а аватары как были кваздратными кваздратами 200х200, так и не меняются  :dontknow:  Абыдна, да?
Наверняка я чего-то не доглядел или напутал, но не могу понять, что и где, и от этого абыдна два раза  o.O

0

8

Butch
Когда в html-верх ставили, вы для кода тег <style> использовали?
Если вы все правильно сделали, то сам код должен выглядеть так:

<style>
.post .post-author.no-avatar .pa-title:after {
content: '';
display: block;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://forumstatic.ru/files/0007/e3/f7/69291.jpg); /* Адрес картинки */
width: 100px; /* Ширина аватары */
height: 100px; /* Высоты аватары */
margin: 5px auto 5px; /* отступы от других полей и выравнивание по центру */
}
</style>

Отредактировано neumax (07.01.21 20:00)

+1

9

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

Butch
Когда в html-верх ставили, вы для кода тег <style> использовали?

:blush: Изначально не использовал, - грамотёнки не хватило.
Сейчас проверил, скопипастив Ваш код, - результат почти тот же: аватары не отреагировали, но зато перестали появляться прописи кодов сверху/снизу  :dontknow:

...а может, это авка только для новеньких, у которых ваще ничего нет? Но как тогда откорректировать уже имеющиеся авы юзеров?..

Отредактировано Butch (07.01.21 20:35)

0

10

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

Сейчас проверил, скопипастив Ваш код, - результат почти тот же: аватары не отреагировали, но зато перестали появляться прописи кодов сверху/снизу

А вы по каким профилям проверяете скрипт? Если код работает, то у пользователей без аватара и у гостей в темах должна стоять эта картинка размером 100х100
https://forumstatic.ru/files/0007/e3/f7/69291.jpg

0

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

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


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

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


Вы здесь » ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка » Портфолио команды » Аватары по умолчанию, разные авы для групп, принудительные авы (CSS)