Добавляем фоновое изображение к сообщениям

[Hope]

​

В шаблон extra.css добавляем:

.messageList .message {
  background-image:url(http://yoururltostyle/xenforo/misc/watermark.png) !important;
  background-position:100% 90%  !important;
  background-repeat:no-repeat no-repeat !important;
}

Не забудьте загрузить свою картинку в папку misc Вашего стиля и поменять путь из инструкции:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

на свой. :)

 

[madbatman]

Не забудьте загрузить свою картинку в папку misc Вашего стиля и поменять путь из инструкции:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

на свой. :)

Ссылка битая...можно еще раз инструкцию и картинку посмотреть?
Спасибо!

 

[Hope]

Оо. Какую картинку? :-D Свою картинку найдите и загрузите, это лишь пример. :)

 

[madbatman]

:cry:
Будем поискать.
Спасибо!

 

[Improvs]

Это конечно здорово, но оно перекрывает основной фон сообщений :( Вот бы сделать поверх его...

 

[Skaiman]

Это конечно здорово, но оно перекрывает основной фон сообщений :( Вот бы сделать поверх его...

Как она перекрывает. Сделайте картинку с прозрачность или добавте в стиль.

 

[Improvs]

У меня стоит уже фон картинкой, а эта на нее накладывается и вырубает предыдущий

 

[Skaiman]

Картинка не на все сообщение, она только в уголочке.
background-position
0% 0% (в левом верхнем углу)
50% 0% (по центру вверху)
100% 0% (в правом верхнем углу)
0% 50% (по левому краю и по центру)
50% 50% (по центру)
100% 50% (по правому краю и по центру)
0% 100% (в левом нижнем углу)
50% 100% (по центру внизу)
100% 100% (в правом нижнем углу)

У меня стоит уже фон картинкой, а эта на нее накладывается и вырубает предыдущий

так че их лепить то :-)

 

[Improvs]

Я в курсе) Но дело в том, что у меня стоит уже свой фон, который настроен в стилях. Когда прописываю background-image: он его воспринимает как новый, забивая на старый...

 

[Mirovinger]

Покажите живой пример, так гадать долго будем.

 

[Skaiman]

Я в курсе) Но дело в том, что у меня стоит уже свой фон, который настроен в стилях. Когда прописываю background-image: он его воспринимает как новый, забивая на старый...

Убери старый и сделай новый, пипец :-)

 

[Improvs]

Вот пример:

Спойлер

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Сейчас у меня фон в клеточку. Добавляю в extra.css

.messageList .message {
  background-image:url(тут мой фон) !important;
  background-position:100% 90%  !important;
  background-repeat:no-repeat no-repeat !important;
}

Фон становится серым (как по умолчанию), но водяной знак успешно добавляется в правый угол

Надо чтобы фон в клеточку остался и добавился водяной знак

 

[Skaiman]

Так попрбуй:

.messageList .message {
  background:
    url("http://bithack.ru/styles/xendisconnect/xenforo/images/st.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    url ("http://bithack.ru/styles/xendisconnect/xenforo/images/НОВАЯ КАРТИНКА.png") no-repeat 100% 90%;
}

Исправил лишнее написал

 

[Improvs]

Попробовал, сделал. Основной фон остался нормальны, но картинка не появилась

 

[Mirovinger]

Попробуйте так.
Позиционирование можно подобрать.

.message .messageContent {
    background-image: url("http://xenforo.info/data/avatars/m/0/1.jpg") !important;
    background-position: 100% 90% !important;
    background-repeat: no-repeat no-repeat !important;
}

Работать будет и без приоритетов.

.message .messageContent {
    background-image: url("http://xenforo.info/data/avatars/m/0/1.jpg");
    background-position: 100% 90% ;
    background-repeat: no-repeat no-repeat ;
}

 

[Skaiman]

Или так:

.messageList .message {
  background:
    url("http://bithack.ru/styles/xendisconnect/xenforo/images/st.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    url ("http://bithack.ru/styles/xendisconnect/xenforo/images/НОВАЯ КАРТИНКА.png") 100% 90% no-repeat no-repeat !important ;
}

 

[Improvs]

Вариант от
Mirovinger
работает.

Только не знаю как подобрать позицию

Понял, под подпись просто не удается сдвинуть

 

[Skaiman]

Ты таким образом один стиль на другой с приоритетом, потом в конце концов все работать не будет, надо править там, где у тебя картинка в клеточку прописана. :-)

 

[Mirovinger]

Будет работать и без приоритетов, но предложенный мной вариант, будет работать именно в сообщении, а не под ним.

 

[Skaiman]

Потыкался, да как у Mirovinger, лучше. Но зато сделал клетчатый фон без картинки :-)

.messageList .message  {
  background:
     repeating-linear-gradient(90deg, rgba(130, 130, 130, 0.1), rgba(130, 130, 130, 0.1) 1px, transparent 1px, transparent 10px),
     repeating-linear-gradient(180deg, rgba(130, 130, 130, 0.1), rgba(130, 130, 130, 0.1) 1px, transparent 1px, transparent 10px);
}

нормально смотриться. Если добавить .message .messageContent, всмысле так:

.messageList .message, .message .messageContent  {
  background:
     repeating-linear-gradient(90deg, rgba(130, 130, 130, 0.1), rgba(130, 130, 130, 0.1) 1px, transparent 1px, transparent 10px),
     repeating-linear-gradient(180deg, rgba(130, 130, 130, 0.1), rgba(130, 130, 130, 0.1) 1px, transparent 1px, transparent 10px);
}

то все будет клетчатым :-)