Отправляет email-рассылки с помощью сервиса Sendsay

Учим HTML

  Все выпуски  

Учим HTML Фон на страничке - не хочу, чтобы он повторялся


Сеть рассылок от Петровой Людмилы

Спонсор заметкиТаможенная беседка


По поводу этой рассылки.

Небольшое вступление.

Приветствую Вас, Дорогой подписчик!

Это  одна из моих рассылок. К счастью или нет, но  Вы на нее подписаны. Причем подписались сами, то есть Вас никто не заставлял. В этом и заключается преимущество добровольного емейл- маркетинга. А если вдруг станет  неинтересно ее читать, то  нет проблем - внизу  каждого письма есть  специальная строчка, чтобы отписаться, но... все же я хотела бы  оставаться с Вами как можно дольше, Дорогой Читатель!




Сегодня в номере:


Источник : http://petrovatut.ru/?p=44

Не так давно  меня возникла  техническая  проблема- имелись  большие картинки    для  одного проекта, которые мне захотелось сделать на фоновом плане прямо  под текстом  страницы.Да и никогда так еще не пробовала.Но  нужно было сделать так, чтобы  эти картинки не повторялась (если картинка выступает как фон,  она по умолчанию на страничке всегда повторяется, сколько  ей  захочется ).

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

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

Пробуя варьировать расположение картинки то ниже, то выше,  я потратила некоторое время. Но в результате  все получилось. А посмотреть результат можно здесь:

Хотите узнать, какой код  писать в  свой 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>

Попробуйте и Вы,  – наверняка  пригодится в будущем, если будете благоустраивать свои сайты.




С огромным уважением
Петрова Людмила






В избранное