Как сделать поле редактора на vBulletin фоновой картинкой?

  • Автор темы fenixon
  • 3509
  • Обновлено
  • 27, Dec 2013
  • #2
fenixon:
Подскажите пожалуйста как вставить картинку в поле ввода текста в быстром ответе?
[ img]Тут ссылка на картинку
fenixon:
что бы картинка была фоновая!
Это как?
 

Прометей


Рег
15 Aug, 2012

Тем
29

Постов
838

Баллов
1128
  • 28, Dec 2013
  • #3
Прометей:


Это как?
ну поле ввода сдесь белое а можно сделать фон этого поля картинку, я как то такое делал но это было давно и на юкозе, (давно сайтостроительством не занимался забыл все под ноль) примерно помню как ищещь код этого поля и вставляешь картинку.

т.е. фон остается белый но на нем картинка появляется как часть этого фона!
 

fenixon


Рег
19 Sep, 2013

Тем
5

Постов
43

Баллов
93
  • 28, Dec 2013
  • #4
Можно. Находишь в шаблоне showthread_quickreply код
 <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%;
И после него вставляешь
 background-image: url(images/cod.gif);
Картинку грузишь в папку images. cod.gif - название картинки с расширением.




 

Sayf


Рег
10 May, 2012

Тем
8

Постов
236

Баллов
316
  • 28, Dec 2013
  • #5
 <textarea name="message" id="vB_Editor_QR_textarea" rows="10" cols="60" style="width: 100%; height: 100px;" tabindex="1" dir="ltr">Нажмите в сообщении на иконку 'Быстрый ответ' для активации этой опции.

<img src="URL" div align="left">

</textarea>
вот как то так если память не изменяет! вопрос в каком файле это вставить?
Sayf:
Можно. Находишь в шаблоне showthread_quickreply код
 <textarea name="message" id="{$editorid}_textarea" rows="10" cols="60" style="width:100%;

И после него вставляешь
 background-image: url(images/cod.gif);

Картинку грузишь в папку images.
cod.gif - название картинки с расширением.







то что нужно! огромное спасибо! как спасибо появится отблагодарю!:good:
а если мне нужна одна картинка слева, не бэкграундом? то писать просто код картинки правильно?
мой код ведь тоже должен сработать?
 

fenixon


Рег
19 Sep, 2013

Тем
5

Постов
43

Баллов
93
  • 28, Dec 2013
  • #6
fenixon:
а если мне нужна одна картинка слева, не бэкграундом?
Добавить дальше background-repeat: no-repeat;.
fenixon:
мой код ведь тоже должен сработать?
Попробуй.
Только имейте ввиду текст сообщения будет печататься на картинке тоже.
 

Sayf


Рег
10 May, 2012

Тем
8

Постов
236

Баллов
316
  • 28, Dec 2013
  • #7
Sayf:
Добавить дальше background-repeat: no-repeat;.
дальше это следующей строкой я правильно понимаю?
Sayf:
Только имейте ввиду текст сообщения будет печататься на картинке тоже.
вот именно на это я и делаю упор!
ой извините насчет no-repeat сообразил, там же не конец кода! конец рабочего дня дает о себе знать
 

fenixon


Рег
19 Sep, 2013

Тем
5

Постов
43

Баллов
93
  • 21, Aug 2014
  • #8
Sayf, что-то у меня не получается по твоей инструкции из поста 4. Размер картинки имеет значение?
 

Viuga


Рег
09 Nov, 2013

Тем
345

Постов
1134

Баллов
4584
  • 21, Aug 2014
  • #9
Напиши что точно сделала?
Viuga:
Размер картинки имеет значение?
нет.
 

Sayf


Рег
10 May, 2012

Тем
8

Постов
236

Баллов
316
  • 21, Aug 2014
  • #10
Sayf:
Напиши что точно сделала?
Да так и сделала, как написано.
 

Viuga


Рег
09 Nov, 2013

Тем
345

Постов
1134

Баллов
4584
  • 22, Aug 2014
  • #11
И что не получилось? Где то не то делаешь. Смотри внимательно, там может быть два кода.




 

Sayf


Рег
10 May, 2012

Тем
8

Постов
236

Баллов
316
  • 22, Aug 2014
  • #12
Sayf, спасибо:good:. Точно, там 2 кода. Все сразу получилось.
 background-image: url(images/cod.gif);
нужно после второго ставить.
 

Viuga


Рег
09 Nov, 2013

Тем
345

Постов
1134

Баллов
4584
  • 22, Aug 2014
  • #13
Viuga:
нужно после второго ставить.
Нужно в обоих ставить.
 

Sayf


Рег
10 May, 2012

Тем
8

Постов
236

Баллов
316
  • 22, Aug 2014
  • #14
Sayf:
Нужно в обоих ставить.
А у меня и так все работает :good:
 

Viuga


Рег
09 Nov, 2013

Тем
345

Постов
1134

Баллов
4584