Доброго времени суток. Меня постоянно что-то не устраивает во внешнем виде своего ресурса, хочется что-то менять, разукрашивать, рисовать и прочее, прочее, прочее. :D Стоит только словить себя на мысли, что всё во внешнем виде форума устраивает, как буквально на следующий же день руки так и тянутся внести очередное изменение в оформление.

И вот сегодня утром решил поместить картинку в форму быстрого ответа на сообщение. Если кому-нибудь понадобится проделать нечто подобное, я расскажу как это сделать.

Идем в тему стиля, находим

Код: Выделить всё

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #a9a9a9;
	padding: 2px;
и начинаем прописывать свое изображение.
Добавляем
background-image: url('ссылка на Вашу картинку'); - путь к изображению
background-position: center; - расположение картинки. У меня по центру, но это дело вкуса и самой картинки. :wink:
background-repeat: no-repeat; - отменяем повторение фона.

....... и получаем нечто похожее на:

Код: Выделить всё

textarea {
	background-image: url('ссылка на Вашу картинку');
        background-position: center;
        background-repeat: no-repeat;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #a9a9a9;
	padding: 2px;

Вот и всё. Если Вам понравилось то, что получилось, и Вы плюс ко всему хотите проделать подобные изменения и с полем ответа на сообщение, которое появляется при нажатии на кнопку "ОТВЕТИТЬ", идём снова в тему стиля, ищем

Код: Выделить всё

.post {
	
и проделываем практически всё то, что уже сделали до это с textarea, а именно добавляем
background-image: url('ссылка на Вашу картинку'); - если такая строка уже есть, просто замените ссылку на свою (во всех стилях содержимое .post оказалось разным)
background-repeat: no-repeat; - смотрим, чтобы стояло "не повторять фон, т.е. no-repeat".

Всё, готово.

Данная задумка, я думаю, пригодится тем, кто имеет эмблему форума, представляемой компании, любимой игры или много чего другого.
+РЕЗУЛЬТАТ БЕЗ ТЕКСТА
+РЕЗУЛЬТАТ С ТЕКСТОМ
Комментарии: 72

GoDFaTHeR 18 мар 2010, 17:53 Сообщение

Dim-on писал(а):тему стиля, то пропадут некоторые детали...
крайне интересно как такое может быть
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Dim-on 18 мар 2010, 17:57 Сообщение

GoDFaTHeR писал(а):крайне интересно как такое может быть
Сейчас все покажу на тестовом форуме.

Автор не может молчать 9 минут 38 секунд и добавляет ...

Вот так он выглядит новым:
[spoiledhide]Изображение[/spoiledhide]

А вот так допустим измененным(Это худший вариант, под ИЕ7):
http://kylexy.greatforum.ru/index.php
Вот так не очень плохой вариант, НО опять же нет деталей форума (GoDFaTHeR, удалите пожалуйста тот форум, а то я не стал переезжать, смысла по моему без домена нет)
http://molodeg.fatbb.ru/index.php
  • 0
@Молодежный Форум@-->Иммиграция в USA--> http://molodeg.getbb.ru
+Мои проекты

GoDFaTHeR 20 мар 2010, 11:33 Сообщение

Dim-on
Спасибо за отлов глюка...
такое происходит только на стилях где есть множественный css
после редакции темы стиля она записывается уже в БД и редактируется только там по этому если редактировать css не основной... то в БД попадает именно он и следовательно корежит весь стиль форума
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Dim-on 20 мар 2010, 14:32 Сообщение

GoDFaTHeR
Следовательно, мне не можно вставить картинку в форму ответа или поменять фон? :crazy:
  • 0
@Молодежный Форум@-->Иммиграция в USA--> http://molodeg.getbb.ru
+Мои проекты

GoDFaTHeR 20 мар 2010, 23:51 Сообщение

Dim-on писал(а):Следовательно, мне не можно вставить картинку в форму ответа или поменять фон?
можно
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Dim-on 21 мар 2010, 08:25 Сообщение

GoDFaTHeR
So, как это сделать? :oooo:
  • 0
@Молодежный Форум@-->Иммиграция в USA--> http://molodeg.getbb.ru
+Мои проекты

GoDFaTHeR 22 мар 2010, 00:41 Сообщение

Dim-on писал(а):So, как это сделать? :oooo:
как обычно :) глюк мы поправили
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Dim-on 22 мар 2010, 06:37 Сообщение

GoDFaTHeR
Неа, нет... Не исправили...
http://profilm.ukrfor.ru
:(
Мож я вообще себе этот стиль выбрал?! Там просто и условия иногда вместо <tr><td> пишутся как <div> :unknown
  • 0
@Молодежный Форум@-->Иммиграция в USA--> http://molodeg.getbb.ru
+Мои проекты

GoDFaTHeR 22 мар 2010, 09:31 Сообщение

Dim-on писал(а):Там просто и условия иногда вместо <tr><td> пишутся как <div>
div это слой а тд и тр это части таблицы

А стиль действительно косячный так как в теме стиля прописаны относительные пути картинок а не постоянные
...
для того что бы ЭТОТ стиль нормально работал надо заменить во всей теме стиля
url(images/cell.gif) на url('./images/cell.gif');
Ну или прописать пути полностью к картинкам
http://profilm.ukrfor.ru/styles/avalonb ... s/cell.gif
  • 0
На этом сервисе можно cоздать форум бесплатно
Домены для форума ТУТ

Dim-on 22 мар 2010, 15:38 Сообщение

GoDFaTHeR
пасибки! :) Теперь думаю что-нить сделаю...
  • 0
@Молодежный Форум@-->Иммиграция в USA--> http://molodeg.getbb.ru
+Мои проекты

Dim-on 09 апр 2010, 07:13 Сообщение

GoDFaTHeR
Еще вопрос:
У меня нашлось только такое:

Код: Выделить всё

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #AEB3C5;
	background-color: #F2F4F8;
.....

textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
И все :unknown И картинка не вставляется. :cry:

Автор не может молчать 19 минут 8 секунд и добавляет ...

Ссори, уже разобрался, я невнимательный просто, не прочитал все до конца :D

Вопрос теперь к тем, сто владеет фотошопом, можете убрать белый фон?
Изображение
Вставка изображения в форму ответа - OTEULKEN.png
Вставка изображения в форму ответа - OTEULKEN.png (1.16 КБ) 1188 просмотров
  • 0
Вложения
Вставка изображения в форму ответа - OTEULKEN1.png
Вставка изображения в форму ответа - OTEULKEN1.png (990 байт) 1188 просмотров
Последний раз редактировалось Dim-on 09 апр 2010, 19:40, всего редактировалось 1 раз.
@Молодежный Форум@-->Иммиграция в USA--> http://molodeg.getbb.ru
+Мои проекты

Haight 09 апр 2010, 13:57 Сообщение

Dim-on писал(а):можете убрать белый фон?
Лови в личку.
  • 0

Uzanka 28 фев 2014, 03:04 Сообщение

Bukovka_
А можно попросить вас выложить снова оригинал вашей картинки? К сожалению, она пропала. А идея очень понравилась :)
  • 0
Форум Science-Леди www.scienceclub.listbb.ru

Похожие темы