Иконка ресурса

Новогоднее оформление блока информации о пользователе 1

Нет прав для скачивания

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,876
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Новогоднее оформление блока информации о пользователе - Новогоднее оформление блока информации о пользователе.


Изображение из .zip архива положите в папку /icons Вашего стиля.

В шаблон EXTRA.css добавьте:
Код:
/* Start Xmas messageUserInfo Enhancement Start Xmas messageUserInfo Enhancement Start */

.message .messageInfo { background-color: transparent; }
.message .messageUserBlock {  border: 1px solid #233e03;
box-shadow: 0 9px 0 0 transparent inset, 0 -9px 0 0 transparent inset, 12px 0 15px -4px rgba(0, 0, 0, 0.3)...

Узнать больше об этом ресурсе...
 
Пользователь Hope обновил ресурс Новогоднее оформление блока информации о пользователе новой записью:

Фикс для адаптивного дизайна

Для того, чтобы данная модификация отображалась корректно и на адаптивном дизайне, в шаблон EXTRA.css, помимо основного кода модификации, добавляем ещё и этот код:
Код:
@media (max-width:@maxResponsiveNarrowWidth)
{ .messageUserBlock:before, .messageUserBlock:after, .messageUserInfo .helper {display: none !important;} }

Узнать больше об этом обновлении...
 
Классная штука, а как поменять цвет с зелёного на синий например, или голубой ?
 
Ну вот цвета-то:
Код:
.message .avatar img, .message .avatar .img, .message .avatarCropper { background-color: #73a31d ; border: 1px solid #3b6d00 ;}
 


В EXTRA.css добавить:
Код:
.messageList .message {
    background-image: url("@imagePath/xenforo/misc/watermark.jpg") !important;
    background-position: 100% 90% !important;
    background-repeat: no-repeat no-repeat !important;
}
 

Вложения

  • watermark.jpg
    watermark.jpg
    15.2 KB · Просмотры: 15


В EXTRA.css добавить:
Код:
.messageList .message {
    background-image: url("@imagePath/xenforo/misc/watermark.jpg") !important;
    background-position: 100% 90% !important;
    background-repeat: no-repeat no-repeat !important;
}
Справа, на картинке, есть неприятный штрих, вот без него:
 

Вложения

  • dedmoroz.jpg
    dedmoroz.jpg
    16 KB · Просмотры: 8
У меня возник вопрос по поводу ватермарка, можно что-то предпринять чтобы не получилось вот такие обрезаные деды морозы ? :-)
 

Вложения

  • 34.png
    34.png
    11.3 KB · Просмотры: 16
  • 56.png
    56.png
    47.9 KB · Просмотры: 17
Hope, Эхх я только начинающий поэтому мне не очень понятно в каком направление идти, я как понял ватермарк перекрывается или длиной подписи или тем что я нажал кнопочку мне нравиться и там выскакивает длинная полоска.
 
У меня возник вопрос по поводу ватермарка, можно что-то предпринять чтобы не получилось вот такие обрезаные деды морозы ? :-)
Попробуйте такой вариант:
Код:
.message .messageContent {
    background-image: url("@imagePath/xenforo/misc/watermark.jpg") !important;
    background-position: 100% 90% !important;
    background-repeat: no-repeat no-repeat !important;
}
Получится так:santa_message.png
 
На скриншоте ресурса очень красиво оформлены баннеры, никто не поделиться ссылочкой как так сделать? :)
 
Поставил отслежку, думаю пригодится перед новым годом. Если нужно, то могу дописать скрипт на отключалку их, а то сложно под всех подстроиться, всё же есть люди на свете, которым вечно что-то не нравится :)
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу