Фоновое изображение быстрого ответа

Первое сообщение в теме :

Подскажите пожалуйста, как сделать фоновое изображение для быстрого ответа?

Я попробовал. Пока не помогло -

Код:

#text_editor_textarea {
background-color: #e0ecf5;
background:  url("http://i21.servimg.com/u/f21/13/61/83/31/43151210.png") bottom right  no-repeat, url("http://i21.servimg.com/u/f21/13/61/83/31/0910.png") no-repeat bottom left;
}

У меня и Опера 10.62, и FF видят - и цвет, и изображения. IE8 - не видит, девятка должна.

Код:

Ну там ведь не - #E0ECF5 фон, а немного похожий с ПА. Тот что был выставлен на самом форуме. Но не он - #E0ECF5.

Вообще в код пробит именно он. Но не суть.

Давайте тогда попробуем скриптом фон подключить? Оставьте пока прежний вариант - с цветом фона и одним изображением.

Давайте. Еще один вариант - это вообще прелесть!

А фон - вот он он на скрине из ИЕ8 - скрин -

(только я сейчас минут на сорок отъехать должен) Вернусь и сразу сюда!

Скрин -

Хорошо, не торопитесь - я пока тоже отвлекусь не надолго.

Krest пишет:Да это глюки какие то, я тоже заметил давно!
В этом коде

Код:

#text_editor_textarea {
background: #F2F2F2 url("https://i.servimg.com/u/f67/14/67/67/89/nbv610.png") bottom right no-repeat;
}

(bottom right)не срабатывает, срабатывает только (right) и (left)
Я тоже хотел бы сдвинуть картинку в окне ответа вниз вправо чтоб не мешала писать, но увы не работает!

Это нонсенс, как это (bottom right) не срабатывает? У меня работает во всех браузерах

Код у меня такой же

Код:

textarea#text_editor_textarea {
background:#FFF9EB url(http://www.moyforum.biz/users/2814/33/31/58/album/78467610.png) bottom
right no-repeat;
}

Уважаемая Dana Domirani, давайте все же попробуем решение через скрипт или как еще через CSS.
Вы просто профессионал в этом деле и я думаю, что все таки именно лучший путь решения - это за Вами.
Я думаю, что многим пользователям 2х2 может быть тоже будет интересно это решение с цветным фоном окон быстрого и расширенного ответов и несколькими (ну хотя бы двумя) картинками. Плюс конечно кроссбраузерность по возможности.

А по текущему решению через CSS пока что получилось вот что -

Изобретатель пишет:Вот ссылка в свободную и открытую тему - http://vmk-tourist.tourism-board.com/forum-f13/tema-t59.htm#553 на форуме у меня.

Ну вот в таком виде заработало, но только в фаерфоксе. В ИЕ-8 по прежнему только фон задаваемого в CSS кода цвета, а вот в ОПЕРЕ, иногда стало ПРОМЕЛЬКИВАТЬ то, как должно быть, но в 99% случаев стоит так, как будто в CSS ничего не менялось. Правда в ОПЕРЕ у меня включен режим ТУРБО... .

А так вот при этом виде кода в фаерфоксе все Ок! -

Код:


#text_editor_textarea {
background:  url(http://i21.servimg.com/u/f21/13/61/83/31/43151210.png) bottom right  no-repeat, url(http://i21.servimg.com/u/f21/13/61/83/31/0910.png) no-repeat bottom left;
background-color: #E0ECF5
}

Извините за долгое отсутствие. Вот, собственно, и скрипт:

Код:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript' src='http://pmsc.free.fr/J04/10930200106.js'></script>

<script type="text/javascript"> 
jQuery(function(){ 
jQuery('#textarea_content').add_layer("#32cd32");
jQuery('#textarea_content').add_layer("url('http://i21.servimg.com/u/f21/13/61/83/31/43151210.png') no-repeat bottom left"); 
jQuery('#textarea_content').add_layer("url('http://i21.servimg.com/u/f21/13/61/83/31/0910.png') no-repeat bottom right"); 
  }); 
 </script> 

Вместо #32cd32 подставьте цвет фона.
Изображения вставляются отдельным строками
jQuery('id или класс объекта, куда внедрятся изображения').add_layer("url('адрес картинки') повторение координаты");
Координаты можно указывать как выравниванием по горизонтали/вертикали (bottom right), так и пиксельной величиной отступов (10px 50px).
Изображений может быть сколько угодно (в пределах разумного). Те, что в скрипте строкой ниже при отображении будут накладываться поверх тех, что строкой выше.

Обязательное условие - прозрачный фон формы в CSS (иначе изображения окажутся под ним), т.е. надо добавить в персональную таблицу:

Код:

#text_editor_textarea {
background-color: transparent;
}

Домовой пишет:

Krest пишет:Да это глюки какие то, я тоже заметил давно!
В этом коде

Код:

#text_editor_textarea {
background: #F2F2F2 url("https://i.servimg.com/u/f67/14/67/67/89/nbv610.png") bottom right no-repeat;
}

(bottom right)не срабатывает, срабатывает только (right) и (left)
Я тоже хотел бы сдвинуть картинку в окне ответа вниз вправо чтоб не мешала писать, но увы не работает!

Это нонсенс, как это (bottom right) не срабатывает? У меня работает во всех браузерах

Код у меня такой же

Код:

textarea#text_editor_textarea {
background:#FFF9EB url(http://www.moyforum.biz/users/2814/33/31/58/album/78467610.png) bottom
right no-repeat;
}

Спасибо Домовой!!! Вставил твой код, проверил, работает! У меня косячек был, кусок кода не хватало, штрих и скобка уплыли в неизвестном направлении, я только сейчас это заметил

Вот и хорошо, что эта тема людям помогает.

Правда я ее "подпортил" своим желанием поставить вместо ОДНОГО изображения и фона в виде цветовой заливки (цвета) - ДВУМЯ разными изображениями при той же цветовой заливке. При том иэображения должны (в моем случае) располагаться по нижней кромке окна быстрого и расширенного ответа слева и справа. (во начудил... .)

Правда при таких дополнениях окно ответа смотрится "как то по домашнему" и более приятно для пользователей. По крайней мере для большинства.


Но далее... - Уважаемая Dana Domirani - у меня получилась вот такая временная версия скрипта и я его вставил в "приветствие на главной".
Тукда ли я его вставил? НИЧЕГО ЖЕ НЕ ПОЛУЧИЛОСЬ. Только прозрачное окно. Но я, как понимаю это от кода, вставленного в CSS. (ну предидущий я конечно удалил).

Что то я сделал явно не так.

Код:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript' src='http://pmsc.free.fr/J04/10930200106.js'></script>

<script type="text/javascript">
jQuery(function(){
jQuery('#textarea_content').add_layer("#E0ECF5 ");
jQuery('#textarea_content').add_layer("url('http://i21.servimg.com/u/f21/13/61/83/31/43151210.png') no-repeat bottom left");
jQuery('#textarea_content').add_layer("url('http://i21.servimg.com/u/f21/13/61/83/31/0910.png') no-repeat bottom right");
  });
 </script>

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

Код:

add_layer("#E0ECF5 ");

Перед закрывающей кавычкой пробел, лучше его убрать.

Да-а-а - на счет места размещения скрипта - я достоин пинков. Это точно! Спасибо Вам за поправку!

Большое Вам спасибо за такое красивое решение.

Теперь отчитываюсь, что же у меня получилось.

1. - В фоксе - все красиво. (как всегда).
2. - В ИЕ-8 - все появилось и нормально работает, но при этом появилась полоса прокрутки справа, которой собственно прокручивать и нечего... . Это в обеих вариантах окна ответа.
В принципе это вполне "пользовательски" и никому из пользователей по большому счету не помешает.
3. - в ОПЕРЕ стало отображаться так, как и должно быть, но курсор в окно ответа не ставится и написать ничего не возможно.
Это в обеих вариантах ответа.
Но с ОПЕРОЙ у меня постоянные проблемы. Форум (может из за перегруженности скриптами и размерами картинок) может еще почему - не хочет нормально отображаться там.
Проблемы "не вставляемости" курсора, - например при регистрации практически постоянны.
Загрузки имеют постоянные проблемы безо всякого алгоритма. То одно не грузится, то другое. В общем я не знаю в чем тут дело. Проще по ОПЕРЕ вывесить объявление, что с этим браузером форум не работает.


Ну а по части работы скрипта - я прошу ПОТЕСТИЬ вот по этой ссылке и высказать свои замечания. Вот ссылка - http://vmk-tourist.tourism-board.com/forum-f13/tema-t59.htm#553

ОГРОМНОЕ СПАСИБО Dana Domirani за столь профессиональную и высококвалифицированную помощь !

Всегда пожалуйста )))

Что касается Оперы - завтра обязательно посмотрю, возможно, в случае с формой ответа она "лечится" (подозреваю, что форму перекрыли блоки с картинками, попробую установить ее на слой выше)

Я написал у Вас в Гостевой теме... - Ливень в Марокко (правда не совсем понял почему так). Вообще там все нормально в рамках 2х2.......... . Картинки стояли, как то и предписывал им скрипт. Правда фон сообщения был белый, - но это наверное так и должно быть у Вас на том тэстовике. Курсор ставился везде где можно, а регистрация (соответственно проверка регистрационной формы на сегодня запрещена). Пока так.

А у меня регистрационная форма глючит достаточно давно в ОПЕРЕ. У меня тогда даже вот этот вариант форума, что в профиле не был еще нагружен чем то, что могло вызвать подозрения. А проблемы уже были. Эти проблемы с ОПЕРОЙ усугублялись все сильнее и сильнее с последующими обновлениями этого браузера.
Ну тут дело конечно в чем то еще. Может я "нахватал" чего то из инета? Того, что и "вирусники" не ловят. Антивайрус - NOD 32 лицензионный пока еще... .

Спасибо.



На всякий случай мой скрин с ОПЕРЫ (но моего форума) -
( так бывает и в других браузерах, если в окне сообщения включить -
видимо WYSIWYG). Курсор не будет ставится ни в Мозилле ни в ИЕ... .
Внешний вид окна будет такой же.

Посмотрел с оперы, у вас почему то вася не отключается

Да, все правильно - цвет фона я не ставила.

Похоже, проблема в Оперном режиме WYSIWYG.

В FF в режиме WYSIWYG проблем нет - в форме быстрого ответа картинки исчезают, в развернутом ответе - смещаются вниз (как у Вас на скрине) и курсору не мешают.

В IE8 в режиме WYSIWYG проблем нет - и в форме быстрого ответа, и в развернутом ответе картинки исчезают и курсору не мешают.

Предложу такой вариант: ограничить изображения фона окном быстрого ответа - т.е. поменять в скрипте #textarea_content на #quick_reply #textarea_content.

Но тогда фон окна расширенного ответа останется прозрачным. Это видимо из за прозрачности, заданной в CSS.

Одним словом я для себя оставил так -

Скрипт из виджета убрал (кстати если его не убирать, то все равно все работает (во всяком случае у меня...)).

В CSS вернул код вот в таком виде -

Код:

#text_editor_textarea {
background:  url(http://i21.servimg.com/u/f21/13/61/83/31/43151210.png) bottom right  no-repeat, url(http://i21.servimg.com/u/f21/13/61/83/31/0910.png) no-repeat bottom left;
background-color: #E0ECF5
}

В результате в ИЕ-8 - (У меня) Виден только цветовой фон и полоса прокрутки справа. (Эта полоса как бы и не мешает). Картинки не видны.
Все функции окна ответа работают.
Я подумал, что раз "грядет" IE-9, то пусть уж так остается до его полноценного прихода... .

В Фаерфоксе - все работает как надо.

В ОПЕРЕ - тоже все стало работать нормально. (Почему не работало (промелькивало) вчера не пойму).

Одним словом я предпочел работоспособность ОПЕРЫ - отсутствию картинок в ИЕ. (Я думаю, что это временно).

И все это из за того, что мне "приспичило" иметь в окне ответа именно две картинки, а не одну как было в начале этой темы.
Вот довольствовался бы я одной картинкой и все было бы сразу "в шоколаде".



Большое спасибо всем за помощь, а особенно Dana Domirani. :thumleft: