Учим HTML Фон на страничке - не хочу, чтобы он повторялся
Сеть
рассылок от Петровой Людмилы
Спонсор заметкиТаможенная беседка
По поводу этой рассылки.
Небольшое
вступление.
Приветствую Вас, Дорогой
подписчик!
Это одна из моих рассылок. К счастью или нет, но Вы на нее
подписаны.
Причем подписались сами, то есть Вас никто не заставлял. В этом и
заключается преимущество добровольного емейл- маркетинга. А если вдруг
станет неинтересно ее читать, то нет проблем - внизу
каждого письма
есть специальная строчка, чтобы отписаться, но... все же я хотела
бы
оставаться с Вами как можно дольше, Дорогой Читатель!
Не так давно меня возникла техническая проблема- имелись большие
картинки для одного проекта, которые мне захотелось сделать на
фоновом плане прямо под текстом страницы.Да и никогда так еще не
пробовала.Но нужно было сделать так, чтобы эти картинки не повторялась (если картинка выступает как фон, она по умолчанию на страничке всегда повторяется, сколько ей захочется ).
У меня есть небольшой сайт на бесплатной площадке, где я отрабатываю
разные способы оформления страничек.Время от времени я туда захожу и
меняю шаблон оформления. Конечно, времени не так много, но когда
работаю с ним, то вижу сразу результаты своей деятельности.
Набрала в поисковике соответствующий запрос, насчет того, как же сделать картинку фоном изображения.
В результате на выходе мне открылось огромное количество
ответов.Взяла наобум первый попавшийся, ответы были все примерно
одинаковые кстати.
Пробуя варьировать расположение картинки то ниже, то выше, я
потратила некоторое время. Но в результате все получилось. А
посмотреть результат можно здесь:
Хотите узнать, какой код писать в свой html при этом?
Нужный кусочек кода, который при этом требуется для вставки, выделен синим цветом.
<html>
<head>
<meta content=”text/html;charset=windows-1251″
http-equiv=”Content-Type”>
<title>Название странички</title> <style type=”text/css”>
BODY {
background:
url(”http://адрес картинки) /* Путь к графическому файлу */
no-repeat /* Этот код указывает, что мой рисунок не будет повторяться ,
а просто в одном экземпляре будет расположен на фоне моей странички */
27px /* Смещаем рисунок вправо */
30px; /* Сдвигаем рисунок вниз */
}
</style>
</head>
<body>
Попробуйте и Вы, – наверняка пригодится в будущем, если будете благоустраивать свои сайты.