Перейти к контенту

Бэкграунд в быстром ответе


Рекомендуемые сообщения

Как-то так..

Расширенный

 .input-warn,
.input-green,
input,
textarea,
select{
	background: #000 url(<#IMG_DIR#>/input.jpg) no-repeat bottom right;
	border: 0px solid #010916;
	color: #d4dae8;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	padding: 2px;
	vertical-align: middle;
}

 

 

Быстрый:

.textarea,
.searchinput {
	background: #000 url(<#IMG_DIR#>/input1.jpg) no-repeat bottom right;
	border: 0px solid #848175;
	color: #d4dae8;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 10px;
	padding: 1px;
	vertical-align: middle;
}

Изменено пользователем Fisana
Ссылка на комментарий
Поделиться на других сайтах

Чтобы растягивало, не знаю.

А чтобы она повторялась в пределах бэкграунда, просто убрать

no-repeat bottom right

.

Можно еще задать другие параметры повторения - вдоль какой-нить стороны (top, bottom, right, left) по оси x или y. Тогда картинка будет распространяться только по краю.

Ссылка на комментарий
Поделиться на других сайтах

Тогда картинка будет распространяться только по краю.

Интересная мысль :D По краям textarea вставить какую-нибудь абстракцию. Но тут надо минимум две картинки вставить, чтобы нормально смотрелось: по вертикали и по горизонтали

Ссылка на комментарий
Поделиться на других сайтах

Две картинки в css не привяжешь.

Нужно в шаблонах мудрить.

И в css класс для быстрого ответа является общим с окошком поиска, блокнотом в личных данных и т.д.

Поэтому картинка из css пойдет и туда.

И чтобы вид не портился нужно либо придумать общую картинку, не портящую ничего из них, либо делить классы...

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.