вот показываю этот кусочек, если что не так не ругайте сильноGold писал(а):только что попробовал на Просильвере - всё получается.
Если можете, то покажите тему стиля (под спойлером).
Доброго времени суток. Меня постоянно что-то не устраивает во внешнем виде своего ресурса, хочется что-то менять, разукрашивать, рисовать и прочее, прочее, прочее. Стоит только словить себя на мысли, что всё во внешнем виде форума устраивает, как буквально на следующий же день руки так и тянутся внести очередное изменение в оформление.
И вот сегодня утром решил поместить картинку в форму быстрого ответа на сообщение. Если кому-нибудь понадобится проделать нечто подобное, я расскажу как это сделать.
Идем в тему стиля, находим
и начинаем прописывать свое изображение.
Добавляем
background-image: url('ссылка на Вашу картинку'); - путь к изображению
background-position: center; - расположение картинки. У меня по центру, но это дело вкуса и самой картинки.
background-repeat: no-repeat; - отменяем повторение фона.
....... и получаем нечто похожее на:
Вот и всё. Если Вам понравилось то, что получилось, и Вы плюс ко всему хотите проделать подобные изменения и с полем ответа на сообщение, которое появляется при нажатии на кнопку "ОТВЕТИТЬ", идём снова в тему стиля, ищем
и проделываем практически всё то, что уже сделали до это с textarea, а именно добавляем
background-image: url('ссылка на Вашу картинку'); - если такая строка уже есть, просто замените ссылку на свою (во всех стилях содержимое .post оказалось разным)
background-repeat: no-repeat; - смотрим, чтобы стояло "не повторять фон, т.е. no-repeat".
Всё, готово.
Данная задумка, я думаю, пригодится тем, кто имеет эмблему форума, представляемой компании, любимой игры или много чего другого.
И вот сегодня утром решил поместить картинку в форму быстрого ответа на сообщение. Если кому-нибудь понадобится проделать нечто подобное, я расскажу как это сделать.
Идем в тему стиля, находим
Код: Выделить всё
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; - расположение картинки. У меня по центру, но это дело вкуса и самой картинки.
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 {
background-image: url('ссылка на Вашу картинку'); - если такая строка уже есть, просто замените ссылку на свою (во всех стилях содержимое .post оказалось разным)
background-repeat: no-repeat; - смотрим, чтобы стояло "не повторять фон, т.е. no-repeat".
Всё, готово.
Данная задумка, я думаю, пригодится тем, кто имеет эмблему форума, представляемой компании, любимой игры или много чего другого.
+РЕЗУЛЬТАТ БЕЗ ТЕКСТА
+РЕЗУЛЬТАТ С ТЕКСТОМ
Комментарии: 72
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
+
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
Хм... вроде правильно всё. Может такую ссылку на картинку попробовать ?
[hide]http://www.psygorodok.ru/forum/styles/p ... t/logo.png[/hide] вместо ./styles/prosilver/imageset/logo.png
[hide]http://www.psygorodok.ru/forum/styles/p ... t/logo.png[/hide] вместо ./styles/prosilver/imageset/logo.png
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
Gold попробывала, не работает(( Я даже думала что все дело в быстром ответе, так как он ставился на форум отдельно. Попробывала то же самое в обычном ответе и все равно ничего. Может само расширение .png не воспринимается?
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
у меня тоже .png
вот как в моем просильвере
А вставьте-ка в таком виде, вместе с моей ссылкой. Будет ли работать ? Если нет, то скиньте мне в ЛС всю тему, попробую разобраться...
вот как в моем просильвере
+
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
Gold ничего не меняла, только что зашла на форум и работает - и то и другое... Спасибо огромное) теперь буду над картинкой работать))))
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
И то и другое ? А что другое ?
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
И быстрый ответ и обычный ответ. У меня получается так что когда ставлю картинку на быстрый ответ, автоматически она ставится и на обычный, хотя в том кусочке где вы написали про post я ничего не меняла.Gold писал(а):И то и другое ? А что другое ?
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
Я понял.
особенности стиля наверное)).
особенности стиля наверное)).
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Loveaction
- Сообщения: 1227
- Зарегистрирован: 07 фев 2009, 07:23
- Пол: Жен
- Откуда: Russland
Какая красотаааааааа!
Правила форума up.4admins.ru
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
Спасибо за скрин. Я так понимаю это специально так задумывалось, чтобы картинка не по центру была ?
Очень классно ! Я сам никак не нарадуюсь этой возможности.
Очень классно ! Я сам никак не нарадуюсь этой возможности.
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
Да, просто чтобы был небольшой акцент. Посередине подходит больше для клуба как у вас, когда есть эмблема)Gold писал(а):Спасибо за скрин. Я так понимаю это специально так задумывалось, чтобы картинка не по центру была ?
Классно придумано)
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Ripley
- Сообщения: 150
- Зарегистрирован: 17 фев 2009, 13:39
- Пол: Жен
получилось вот так в окне ответа:
(снизу и сверху дописала также номер цвета)
и в окне быстрого ответа:
растянула вот эту картинку, как ее по-другому вставить пока не знаю, ибо она кажется градиентная и прото дописать цвет фона по бокам (если оригинальную нерастянутую вставлять) вряд ли выйдет .
(снизу и сверху дописала также номер цвета)
и в окне быстрого ответа:
растянула вот эту картинку, как ее по-другому вставить пока не знаю, ибо она кажется градиентная и прото дописать цвет фона по бокам (если оригинальную нерастянутую вставлять) вряд ли выйдет .
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
Ripley если честно выглядит не очень, складывается такое ощущение что на заднем фоне картинка плохого качества (сужу по скрину, может в на деле по-другому?)
А если взять оригинал и paint.net или другом редакторе доработать? Увеличить, раскрасить как надо, а потом добавить градацию цвета? Если хотите могу попробывать это сделать, но нужет оригинал.Ripley писал(а):растянула вот эту картинку, как ее по-другому вставить пока не знаю, ибо она кажется градиентная и прото дописать цвет фона по бокам (если оригинальную нерастянутую вставлять) вряд ли выйдет .
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Ripley
- Сообщения: 150
- Зарегистрирован: 17 фев 2009, 13:39
- Пол: Жен
yulchonok вот так получилось если картинку прописать position right и добавить номер цвета, но переход все равно виден...
добавлено -- 17 июл 2009, 04:58 --
добавлено -- 17 июл 2009, 04:58 --
вот оригинал, с картинками я совсем не умею работать и рисовать не умею...yulchonok писал(а):но нужет оригинал.
Похожие темы
-
Добрый вечер.
Некоторое время назад вы сделали мне расширение для вставки плейлистов.
Всё работает как надо. Но хотелось бы что бы вместо текста -...