Доброго времени суток. Меня постоянно что-то не устраивает во внешнем виде своего ресурса, хочется что-то менять, разукрашивать, рисовать и прочее, прочее, прочее. Стоит только словить себя на мысли, что всё во внешнем виде форума устраивает, как буквально на следующий же день руки так и тянутся внести очередное изменение в оформление.
И вот сегодня утром решил поместить картинку в форму быстрого ответа на сообщение. Если кому-нибудь понадобится проделать нечто подобное, я расскажу как это сделать.
Идем в тему стиля, находим
и начинаем прописывать свое изображение.
Добавляем
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
- Loveaction
- Сообщения: 1227
- Зарегистрирован: 07 фев 2009, 07:23
- Пол: Жен
- Откуда: Russland
Ух ты! Как интересно!!! Тааааак.... можно я этим тоже воспользуюсь?
Правила форума up.4admins.ru
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
ну конечно.
Только вот жаль, что эти картинки только в формах ответ отображаются. например, для моего форума, было бы совсем неплохо и в теме под текстом видеть нечто подобное. Но в таком случая и главная страница будет пестреть значками, а это уже не то)).
Только вот жаль, что эти картинки только в формах ответ отображаются. например, для моего форума, было бы совсем неплохо и в теме под текстом видеть нечто подобное. Но в таком случая и главная страница будет пестреть значками, а это уже не то)).
- Loveaction
- Сообщения: 1227
- Зарегистрирован: 07 фев 2009, 07:23
- Пол: Жен
- Откуда: Russland
Думаешь, нельзя? Надо будет покопаться, посмотреть. :
Правила форума up.4admins.ru
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
можноGold писал(а):Только вот жаль, что эти картинки только в формах ответ отображаются. например, для моего форума, было бы совсем неплохо и в теме под текстом видеть нечто подобное.
главная не будет.. будет только под сообщениями в темеGold писал(а):Но в таком случая и главная страница будет пестреть значками, а это уже не то))
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
Таки да. Можно.
- Ripley
- Сообщения: 150
- Зарегистрирован: 17 фев 2009, 13:39
- Пол: Жен
Gold круто!!! Счас попробую что-нибудь этакое поставить
рассказывайGold писал(а):Таки да. Можно.
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
Так это же ты сказал, как сделать... что же мне рассказывать?
я тебе теорию объяснил, а ты на практике все провернулGold писал(а):Так это же ты сказал, как сделать... что же мне рассказывать?
смотрится обалденно
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
Ripley
ну как? Поставили что-нибудь ?
ну как? Поставили что-нибудь ?
- Loveaction
- Сообщения: 1227
- Зарегистрирован: 07 фев 2009, 07:23
- Пол: Жен
- Откуда: Russland
Я, кстати, как раз картинку делаю для фона. Как доделаю, прикреплю, сделаю скриншотик. Идея просто шикарна, конечно!!!
Правила форума up.4admins.ru
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
Внимание! Оставить заявку на создание логотипа,
вы можете в разделе 4админс "Ваше творение", подфорум
"Логотип на заказ".
Migration&Kommunikation форум по Германии
- yulchonok
- Сообщения: 445
- Зарегистрирован: 07 ноя 2008, 10:37
- Пол: Жен
а у меня не получилось((( Сделала все как написано, а картинку не видно...
Форум по психологии, консультации психологов, помощь в решении личных проблем.
http://psygorodok.ru/forum
http://psygorodok.ru/forum
- Gold
- Сообщения: 565
- Зарегистрирован: 08 дек 2008, 15:45
- Пол: Муж
- Откуда: Киев
только что попробовал на Просильвере - всё получается.
Если можете, то покажите тему стиля (под спойлером).
Если можете, то покажите тему стиля (под спойлером).
- Ripley
- Сообщения: 150
- Зарегистрирован: 17 фев 2009, 13:39
- Пол: Жен
Gold пока времени нет, т.к. простыла
Как поставлю напишу обязательноGold писал(а):Ripleyну как? Поставили что-нибудь ?
Похожие темы
-
Добрый вечер.
Некоторое время назад вы сделали мне расширение для вставки плейлистов.
Всё работает как надо. Но хотелось бы что бы вместо текста -...