Рамка (эффект свечения) вокруг аватарки

ExPlayer

ExPlayer

Пользователь
Доброго времени суток!
Задача:
Сделать эффект свечения вокруг аватарки определённого пользователя.

Решение:
HTML: 
<div style="width:100px; height:50px; background:#fcfcfc; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;">
Блок
</div>

Результат (пример):

1531372332679.png


Вопрос:
Какое условие и где его прописать, что бы "эффект свечения" был только у одного (определенного) пользователя?
Т.е., я понимаю, что должно быть что-то вроде этого:
PHP: 
<!-- IF user id=1 -->
<div style="width:100px; height:50px; background:#fcfcfc; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;">
Блок
</div>
<!-- ENDIF -->

Версия движка:
2.1.4 (да, старая, знаю).
 
Последнее редактирование:
ExPlayer

ExPlayer

Пользователь
Более-менее разобрался, но никак не соображу, как вернуть аватарку на своё место, подскажите, пожалуйста?
HTML: 
            <!-- IF PROFILE_USER_ID == <id_пользователя> -->
            <span style="position: relative;">
            <style>
            .shadow {
            box-shadow: 0 0 10px #006400;
            position: absolute;
            }
            </style>
            <div class="shadow">{AVATAR_IMG}</div>
            </span>
            <!-- ELSE -->
            <span style="position: relative;">
            {AVATAR_IMG}
            <!-- ENDIF -->

Результат:
1531475256619.png
 
Последнее редактирование:
ExPlayer

ExPlayer

Пользователь
Daniels написал(а):
position: absolute; убрать
Нажмите для раскрытия...
Тогда сама рамка растягивается

HTML: 
<!-- IF PROFILE_USER_ID == id_пользователя -->
            <span style="position: relative;">
            <style>
            .shadow {
            box-shadow: 0 0 10px #006400;
            }
            </style>
            <div class="shadow">{AVATAR_IMG}</div>
            </span>
            <!-- ELSE -->
            <span style="position: relative;">
            {AVATAR_IMG}
            <!-- ENDIF -->

1531563568532.png
 
D

Daniels

Пользователь
Не, ну жесть же, а !!
1) Можешь посмотреть в исходном коде какой класс у аватара и добавить к этому классу тень.
2) Можешь залезть в пхп и там добавить к рисунку класс тени !
 
ExPlayer

ExPlayer

Пользователь
Daniels написал(а):
Не, ну жесть же, а !!
1) Можешь посмотреть в исходном коде какой класс у аватара и добавить к этому классу тень.
2) Можешь залезть в пхп и там добавить к рисунку класс тени !
Нажмите для раскрытия...
Почему жесть? Я в пхп не шарю.
Вместо советов мог бы код написать, как сделать.
 
D

Daniels

Пользователь
ExPlayer написал(а):
Вместо советов мог бы код написать, как сделать.
Нажмите для раскрытия...
Заметь ! Я вообще не использую данный двиг, но я залез на гит в исходники инашёл эти фичи с аватарами(кстати ооооочччченнь !!!, просто ООООЧЧЕНЬ удивлён кодом для получения ссылки на картинку, 100500 никому ненужных функций имхо)

наверное так
<style>
.shadow img {
box-shadow: 0 0 10px #006400;
}
</style>
<div class="shadow">{AVATAR_IMG}</div>
</span>
 
ExPlayer

ExPlayer

Пользователь
Daniels написал(а):
Заметь ! Я вообще не использую данный двиг, но я залез на гит в исходники инашёл эти фичи с аватарами(кстати ооооочччченнь !!!, просто ООООЧЧЕНЬ удивлён кодом для получения ссылки на картинку, 100500 никому ненужных функций имхо)

наверное так
<style>
.shadow img {
box-shadow: 0 0 10px #006400;
}
</style>
<div class="shadow">{AVATAR_IMG}</div>
</span>
Нажмите для раскрытия...

и чем это отличается от того, что я выше написал?
 
Сверху