Перейти к содержанию
.V.I.P.

Делаем бейджик Автор темы без плагина

Рекомендуемые сообщения

Делаем бейджик Автор темы без плагина

1.thumb.png.cc469be5c72593dc6fb1766b56194652.png

Открываем шаблоны > postContainer

Вставляем в любое место, я у себя поставил после ранга.

{{if $comment->author()->member_id and $item->author()->member_id == $comment->author()->member_id}}
<div class="message-postStarter">
<span class="message-postStarter_indicator">Автор темы</span></div>
{{endif}} 

Добавляем в custom.css

/* Бейджик Автор темы */
.message-postStarter {
    position: absolute;
    left: 5px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    width: 85px;
    height: 85px;
    text-align: right;
}
.message-postStarter .message-postStarter_indicator {
    font-size: 9px;
    color: #fefefe;
    font-weight: 700;
    position: absolute;
    top: 18px;
    left: -25px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    width: 100px;
    display: block;
    background: linear-gradient(#52a7d8 0%, #17618c 100%);
    box-shadow: 0 3px 10px -5px #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.message-postStarter .message-postStarter_indicator:before {
    left: 0;
    border-left-color: #79A70A;
    border-right-color: transparent;
}
.message-postStarter .message-postStarter_indicator:after {
    left: 0;
    border-left-color: #79A70A;
    border-right-color: transparent;
}

.message-threadStarter .message-threadStarter_indicator:before, 
.message-threadStarter .message-threadStarter_indicator:after {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    border: 3px solid;
    border-top-color: #79A70A;
    border-bottom-color: transparent;
}
/* Бейджик Автор темы конец */

Возможно вам придётся подкорректировать высоту.

  • Повысить репутацию 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Когда вставляю код форум перестает работать и выдает ошибку:
 

bejdyhik.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@vold57 какой версии форум?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@vold57 Сейчас у себя на дефолтном стиле испытаю

@vold57 Странно но у меня всё нормально.

2.thumb.png.78abd8a534bc00aff8fd5e70feb59655.png

Попробуйте вставить HTML после

			{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
				<li><img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li>
			{{endif}}

 

Свой плагин отключите

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я такого кода вообще не нахожу в файле postContainer.
Какой именно плагин отключить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@vold57 Скиньте сюда или в ЛС свой код.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Теперь все отлично )))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@vold57 малость подправить в css

.message-postStarter {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    width: 85px;
    height: 85px;
    text-align: right;
}

Там у вас сейчас: left: 5px; 

Поставьте: left: 0px;

  • Спасибо 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Так же можно и группу сделать

3.thumb.png.d88247499dc59c8b3f32789f981d35df.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


О проекте

Web@district это проект, который объединил специалистов из разных областей сайтостроения и интернет-маркетинга для того, чтобы пользователи этого ресурса могли удовлетворять свои потребности в знаниях, находить исполнителей, заказчиков или просто приятно пообщаться.

info@webdistrict.pro

Тут может оказаться каждый из вас.:)

логотип в футрере

Copyright © Web@District 2018      При копировании материалов с сайта активная гиперссылка ссылка на источник обязательна
×