Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Fler в Чт 30 Сен - 12:01

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

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

Женщина

Сообщения : 45
Регистрация : 2010-06-28
Благодарности : 0

Без предупреждений

http://sims2-hollywood.forumei.net

Вернуться к началу Перейти вниз


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

Сообщение автор Изобретатель в Чт 30 Сен - 22:16

Уважаемая 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
}

Изобретатель
 

Сообщения : 2570
Регистрация : 2009-02-26

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 30 Сен - 22:26

Извините за долгое отсутствие. Вот, собственно, и скрипт:
Код:
<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;
}

avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22419
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Krest в Чт 30 Сен - 23:01

@Домовой пишет:
@Krest пишет:Да это глюки какие то, я тоже заметил давно!
В этом коде
Код:
#text_editor_textarea {
background: #F2F2F2 url("http://i67.servimg.com/u/f67/14/67/67/89/nbv610.png") bottom right no-repeat;
}

(bottom right)не срабатывает, срабатывает только (right) и (left)
Я тоже хотел бы сдвинуть картинку в окне ответа вниз вправо чтоб не мешала писать, но увы unknown не работает!
Это нонсенс, как это (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;
}

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

Мужчина

Сообщения : 1933
Регистрация : 2009-09-12
Благодарности : 555

Без предупреждений

http://ostrovok.mirbb.net/forum

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Чт 30 Сен - 23:15

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

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

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


Но далее... - Уважаемая 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>
avatar
Изобретатель
 

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 30 Сен - 23:26

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

Код:
add_layer("#E0ECF5 ");
Перед закрывающей кавычкой пробел, лучше его убрать.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22419
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Пт 1 Окт - 0:02

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

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

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

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


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

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


avatar
Изобретатель
 

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пт 1 Окт - 0:15

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

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

Женщина

Сообщения : 22419
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Пт 1 Окт - 0:33

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

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

Спасибо.



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

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Домовой в Пт 1 Окт - 7:47

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

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пт 1 Окт - 10:41

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

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

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

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

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

Женщина

Сообщения : 22419
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9027

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Изобретатель в Пт 1 Окт - 16:23

Но тогда фон окна расширенного ответа останется прозрачным. Это видимо из за прозрачности, заданной в 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. 13 :thumleft: d_daisy
avatar
Изобретатель
 

Мужчина

Сообщения : 2570
Регистрация : 2009-02-26
Благодарности : 215

Без предупреждений

http://turist.tosm-boa.com/

Вернуться к началу Перейти вниз

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения