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
|
|
| |