Вторник, 19.09.2017, 16:39
Мой сайт
Приветствую Вас Гость =) | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Информационный форум IB » Все для вебмастера » Система Ucoz » Как вставить картинку в задний фон в поля для ввода текста !
Как вставить картинку в задний фон в поля для ввода текста !
kasumov15Дата: Пятница, 12.07.2013, 16:18 | Сообщение # 1
2
Группа: Пользователи
Сообщений: 17
Награды: 0
Репутация: 4
Замечания: 0%
Статус: Offline
В качестве примера я помещу вот эту картинку на задний фон стандартного пустого белого прямоугольника:
http://drevodel.ucoz.ru/_pu/1/09967663.jpg

Итак, как же делается картинка в поле для ввода текста на форуме:
http://drevodel.ucoz.ru/_pu/1/s35689208.jpg

Всё очень просто:
Открываем CSS и находим там строчку которая начинается так: .postTextFl*

Заменяем всю строчку на эту:

Код
.postTextFl {width:550px;height:150px;background:url('ссылка на вашу картинку') no-repeat 100% 100%;}

Где:

width:550px - ширина окна ввода текста
height:150px - высота окна ввода текста
background:url('ссылка на вашу картинку') – код, показывающий, что
картинка, адрес которой указан в скобках, будет задним фоном
no-repeat - означает "не повторять", т.е. картинка не будет множиться
100% 100% - это отступы от верхнего левого угла, т.е. "100% 100%"
означает, что картинка будет располагаться на 100% влево от верхнего
левого угла и на 100% вниз, т.е. получается, что картинка будет в правом
нижнем углу.

*!Важно: Если вы в своём CSS не нашли строчку .postTextFl, то просто возьмите и пропишите её
сами в любое понравившееся Вам место.
-----------------------------------------------------------------

Если не поняли про отступы, то попробую ещё пару примеров показать чтоб было понятней:

Хотим чтоб картинка была ровно по центру поля, а не в правом нижнем углу:
значит вместо 100% 100% нам нужно сделать 50% 50%.


Таблица выравнивания:
http://drevodel.ucoz.ru/_pu/1/s22796984.jpg


 
Информационный форум IB » Все для вебмастера » Система Ucoz » Как вставить картинку в задний фон в поля для ввода текста !
Страница 1 из 11
Поиск:

Copyright MyCorp © 2017