Thread starter - выделение автора темы (ТС)

[Георгий Шевченко]

Может кому-то пригодится



Инструкция:
Вопрос: Куда вставлять код?
Ответ: message_user_info

Ищем:

<div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person">
<div class="messageUserBlock">

Ниже вставляем код:

<div id="ts_overlay_avtor">
<xen:if is="{$thread.user_id} == {$user.user_id}">
<img title="Автор темы" src="/TC/podpis/avtor.png" />
</xen:if>
</div>

<div id="ts_overlay_y4ast">
<xen:if is="{$thread.user_id} != {$user.user_id}">
<img title="Участник переписки" src="/TC/podpis/y4ast.png" />
</xen:if>
</div>

 

[Skaiman]

Для тех у кого установлен шрифт Font Awesome, могу предложить еще вариант:



Да забыл упомянуть, это сделано для 1.4, с онлайн индикатором

 

[koris]

Еще один из вариантов оформления автора темы.




Может кому пригодится... исходный код тот же, что и в первом варианте... картинка другая...

В архиве имеется файлик PSD для создания своей надписи - starter.psd

Установка выделения аватарки автора:

####
# 1 #
####
Включаем режим дебага в конфигурационном файле форума:

в файле /library/config.php вставляем строку:

$config['debug'] = 1;

####
# 2 #
####
Заливаем картинку starter.png по пути: /library/topicstarter/starter.png

####
# 3 #
####
В админке форума создаем модификацию шаблона:

Внешний вид - модификация шаблона - создать

#######################################################
Шаблон - message_user_info
Ключ модификации - message_user_info_mod_ts
Описание: оформляем АВТОРА ТОПИКА

В поле Найти:

<div class="messageUserBlock {xen:if $user.isOnline, online}">

В поле заменить:

<div class="messageUserBlock {xen:if $user.isOnline, online}">

<!-- оформляем АВТОРА ТОПИКА начало -->
    <div id="ts_overlay">
        <xen:if is="{$thread.user_id} == {$user.user_id}">
            <img src="/library/topicstarter/starter.png" alt="Автор темы" />
        </xen:if>
    </div>
<!-- оформляем АВТОРА ТОПИКА конец -->

Для проверки правильности записи нажимаем "Тестировать модификацию" - вы должны увидеть блок выделенный зеленым цветом

####
# 4 #
####
Создаем еще одну модификацию для шаблона для message_user_info.css:

Шаблон - message_user_info.css
Ключ модификации - message_user_info_css_mod_ts
Описание: оформляем АВТОРА ТОПИКА - css

В поле Найти:

</xen:if>

В поле заменить:

div#ts_overlay {position:absolute;top:-4px;left:-4px;z-index:99;}
</xen:if>

Также можно посмотреть правильность применения модификации:



####
# 5 #
####

Идем в конфиг и отключаем дебаг:
в файле /library/config.php изменяем строку:

$config['debug'] = 1;

на:

$config['debug'] = 0;

или вовсе удаляем.

На этом все.

Можно еще сделать всплывающую подсказку - tooltip , которая нормально отображается в браузере Сафари.
как здесь:



Если интересно - могу рассказать.

 

[Skaiman]

Можно еще сделать всплывающую подсказку - tooltip , которая нормально отображается в браузере Сафари.

Она везде отображается нормально.

 

[koris]

Вот в этом месте я бы не сказал:



Это тултип в Сафари при наведении мыша на значок "онлайн"... пока руки не дошли что к чему...

 

[Skaiman]

class="Tooltip" title="То что хочешь увидить в подсказке" для alt не работает

 

[koris]

class="Tooltip" title="То что хочешь увидить в подсказке" для alt не работает

Это я в курсе...

Вот так выглядит в Сафари:


Это в контейнере SPAN...

А вот то же самое в Хроме


Разница налицо...

 

[Skaiman]

Не знаю, что там ты намудрил в шаблонах, но я сейчас установил этот индикатор, только в EXTRA.css добавил и все отображается сразу, без дополнительных правок и в мазиле и в хроме

 

[koris]

Так я не мудрил ничего...
У меня точно также отображается как на твоих скриншотах выше в Опере, Хроме и Лисе...
Отличия наблюдаются ТОЛЬКО в Сафари - на нем ни один tooltip нормально не показывает...
Особенно если подсказку смотреть на каком нибудь элементе ближе к нижней части страницы.

Это касается не только моего форума, а вообще любого сайта.
Я нашел только одно решение, которое позволяет реализовать вывод подсказок одинаково во всех браузерах.
Можешь скинуть мне ссылку на свой ресурс?
Я посмотрю как тултипы показываются у меня в Сафари и сделаю скрин... ради интереса.

PS
Впрочем ссылки не нужно...
Я нашел на чем проверить - на нашем любимом https://xenforo.info/
Ниже ссылка на небольшой видеофайл, который я сделал чтобы показать как работает тултип статуса онлайн на данном сайте в браузере Сафари.

Файл ниже.

 

[Skaiman]

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

 

[koris]

Вижу... даже не знаю что сказать...
Я же видео тоже снял и показал как криво отображается подсказка у меня в Сафари... на этом форуме.

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

PS
Удалил все дополнения в Сафари - ничего не изменилось... к сожалению.

PS2
Похоже отошли мы от обсуждения изначальной темы немного в другую сторону...
Может перенести ее в другую тему?

 

[sexo]

Для тех у кого установлен шрифт Font Awesome, могу предложить еще вариант

Скажите пожалуйста, как установить Font Awesome? скачал архив font-awesome-4.2.0 и куда его?

 

[Skaiman]

Скажите пожалуйста, как установить Font Awesome? скачал архив font-awesome-4.2.0 и куда его?

Попробуй в поиск по сайту введи Font Awesome, получишь кучу ответов по этому шрифту
https://xenforo.info/search/2129171/?q=Font+Awesome&o=relevance

 

[Gotfri]

Добрый день ребят,все сделал по инструкции.Получилось вот что,что не так я сделал?

 

[Mirovinger]

Так скачайте Вы уже и не заморачивайтесь с правками.
https://xenforo.info/resources/xfi-Топик-стартер-выделение-автора-темы-ТС.1351/

Или такой вариант.
https://xenforo.info/threads/thread-starter-выделение-автора-темы-ТС.850/page-3#post-58629

 

[Gotfri]

Так скачайте Вы уже и не заморачивайтесь с правками.
https://xenforo.info/resources/xfi-Топик-стартер-выделение-автора-темы-ТС.1351/

Или такой вариант.
https://xenforo.info/threads/thread-starter-выделение-автора-темы-ТС.850/page-3#post-58629

Щас попробую.

Так скачайте Вы уже и не заморачивайтесь с правками.
https://xenforo.info/resources/xfi-Топик-стартер-выделение-автора-темы-ТС.1351/

Или такой вариант.
https://xenforo.info/threads/thread-starter-выделение-автора-темы-ТС.850/page-3#post-58629

Все установилось из первой ссылке,но ава вот так выглядит.Что я не так делаю?

Щас попробую.


Все установилось из первой ссылке,но ава вот так выглядит.Что я не так делаю?

Указал путь к иконке сам,все получилось огромное всем спасибо!!!)

 

[Svarog]

Замутил вот что.



Всплывающая подсказка при наведении курсора на иконку.

Подсказка реализуется вот таким кодом%

<style>
.helper:hover::after {
    content: attr(data-title);
    position: absolute; /* Абсолютное позиционирование */
    left: 35%; top: 50%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: #656665; /* Полупрозрачный цвет фона */
    color:#FFF;
    opacity:0.9;
    width:60px;
    font-size: 11px; /* Размер текста подсказки */
    padding: 2px 3px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
    -moz-border-radius: 3px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 3px; /* закругление для старых Chrome и Safari */
    -khtml-border-radius:3px; /* закругл. для браузера Konquerer системы Linux */
    border-radius: 3px; /* закругление углов для всех, кто понимает */
}
</style>

<xen:if is="{$post.user_id} == {$thread.user_id} AND !{$message.conversation_id}"><span class="helper" data-title="Автор темы"></span></xen:if>

 

[Skaiman]

Замутил вот что.

Посмотреть вложение 41674

Всплывающая подсказка при наведении курсора на иконку.

Подсказка реализуется вот таким кодом%

<style>
.helper:hover::after {
    content: attr(data-title);
    position: absolute; /* Абсолютное позиционирование */
    left: 35%; top: 50%; /* Положение подсказки */
    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: #656665; /* Полупрозрачный цвет фона */
    color:#FFF;
    opacity:0.9;
    width:60px;
    font-size: 11px; /* Размер текста подсказки */
    padding: 2px 3px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
    -moz-border-radius: 3px; /* закругление для старых Mozilla Firefox */
    -webkit-border-radius: 3px; /* закругление для старых Chrome и Safari */
    -khtml-border-radius:3px; /* закругл. для браузера Konquerer системы Linux */
    border-radius: 3px; /* закругление углов для всех, кто понимает */
}
</style>

<xen:if is="{$post.user_id} == {$thread.user_id} AND !{$message.conversation_id}"><span class="helper" data-title="Автор темы"></span></xen:if>

Чет не понял, а просто Tooltip?

В этом топике столько насрато, что он уже не в помощь, а больше запутывает людей :)

 

[Svarog]

Чет не понял, а просто Tooltip?

Сделал так, как пришло в голову :)

 

[stafikus]

Все получилось шикарно. Только немного сделал по своему. Сменил картинку и позицию размещения.