| kasumov15 | Дата: Пятница, 12.07.2013, 16:18 | Сообщение # 1 |
|
2
Группа: Пользователи
Сообщений: 17
Статус: 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
 
|
| |
| |
