"pay-click_addblog" Добро пожаловать на позитивный форум хорошего настроения. Добро Пожаловать на форум мудрых людей. Добро пожаловать в Мир Ведающих Знаний. В мир практических знаний, узнай правду. Добро пожаловать на форум тысячи разных мелочей, которые могут сыграть важную роль в вашей жизни Добро пожаловать на позитивный форум хорошего настроения. Добро Пожаловать на форум мудрых людей. Добро пожаловать в Мир Ведающих Знаний. В мир практических знаний, узнай правду.
Добро пожаловать на форум тысячи разных мелочей, которые могут сыграть важную роль в вашей жизни


 

.

ni ho



Форум мудрых людей

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум мудрых людей » Создание своего сайта. Языки программирования, Htm » Как в качестве фона поставить картинку. Как сделать картинку фоном?


Как в качестве фона поставить картинку. Как сделать картинку фоном?

Сообщений 1 страница 3 из 3

1

Как в качестве фона поставить картинку. Как сделать картинку фоном?

Эти вопросы мы можем задавать себе, при создание своего сайта или форума

Буду краток

в качестве шаблона приведу пару кодов как сделать картинку главным фоном на вашем сайте или форуме.

Вам остается вставить адреса своих картинок и получите любой фон какой захотите.

Код первый 1

<html>
<head>

<title>    Welcome to the club travelers   </title>
<style>pickguard_main_28a.jpg
  <!--
  BODY {
    background: White url( http://travel-club.freevar.com/blunorma … e_more.jpg);
    background-repeat: repeat;
    background-attachment: scroll;
  }
  -->
</style>

</head>
<body bgcolor=White MARGINWIDTH=0 MARGINHEIGHT=0 link=#0000FF alink=#9999FF vlink=#663399 background=http://travel-club.freevar.com/blunormal_Biryuzovoe_more.jpg >
<center>
<table border="0" width="98%" cellspacing=0 cellpadding=0><tr><td><table width=100%><tr><td width=131 valign=top>

<td align=center>                      <font color="#ffffcc" style="font-size: 20pt"><b>
Travel club, and all the most amazing and mysterious world
</font>



Где адрес картинки в качестве фона будет http://travel-club.freevar.com/blunorma … e_more.jpg

Вы можете вместо этого адреса поставить адрес своей картинки.

Если все сделаете правильно получите любой фон какой захотите.

0

2

Урок 2 Html языка : Как сделать картинку фоном на своем сайте



вставте в заглавной шапке своего сайта или форума вот этот код

<div style="background-image: url('http://img-fotki.yandex.ru/get/3711/137106206.22a/0_a5389_ad6d122b_orig.jpg');  background-repeat: repeat;  background-attachment: scroll; ">здесь расположен текст нашей статьи</div>




Вот например я вставил просто фотку с яндекса http://img-fotki.yandex.ru/get/3711/137 … b_orig.jpg

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

0

3

Подробная статья вот здесь хорошо написанно еще.

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



Как сделать картинку фоном материала?


Так как многие начинающие вебмастера или малознакомы или совершенно незнакомы с HTML и CSS, я на примере статьи покажу, как можно изменить фон материала. Стиль фона мы будем прописывать непосредственно в материале (в HTML-редакторе). Однако замечу, не смотря на то, что прописанные стили будут работать, старайтесь всё-таки работать по правилам, т.е. стили прописывать в соответствующих файлах CSS. Для начала разберём свойства, которые мы будем использовать для создания стиля фона.

Фон (background)

В CSS фон сайта определяет такое универсальное свойство, как background. Оно позволяет установить одновременно до пяти характеристик фона:
background-image – устанавливает фоновое изображение, в качестве значения используется путь к файлу (url(путь к файлу));

background-position – задаёт начальное положение изображения (left, center, right, top, bottom);

background-attachment – устанавливает, будет ли изображение прокручиваться вместе с документом или займёт фиксированное положение (fixed, scroll, local);

background-repeat – устанавливает как будет повторяться изображение (repeat-x, repeat-y, space, round, no-repeat);

background-color – определяет цвет фона (цвет, transparent, inherit).

Теперь, когда у вас есть набор инструментов, и вы знаете возможности каждого из них, можно приступать к работе.

Пример. Допустим, нам необходимо создать равномерный узорный фон для статьи.

1. Найдём в Интернете небольшую картинку (см. рис) и закачаем её на сайт, к примеру, в папку images. Таким образом url картинки у нас будет images/uzor.png

2. Если не задано начальное положение картинки, по умолчанию картинка будет находиться в левом верхнем углу. Так как это нас вполне устраивает, мы не будем указывать начальное положение картинки, но чтобы замостить узором весь фон, нам нужно указать, чтобы наша картинка повторялась (repeat).

3. И дополнительно укажем, чтобы картинка прокучивалась вместе с документом (scroll).

Теперь наши действия таковы - мы заключаем наш текст в контейнер (div) и прописываем для него стиль (style):

<div style="background-image: url('/images/uzor.jpg');  background-repeat: repeat;  background-attachment: scroll; ">здесь расположен текст нашей статьи</div>

Сокращённая запись кода выглядит так:

<div style="background: url('/images/uzor.jpg') no-repeat scroll;"> здесь расположен текст нашей статьи</div>

В сокращённой записи мы указали свойства background через пробел. Вы можете воспользоваться любой из этих двух записей.


Далее, идём в Административный раздел. В Менеджере материалов открываем статью для редактирования, в редакторе кликаем по значку HTML. Копируем код в нужное место статьи.

взято вот от сюда http://www.webadvisor.ru/kak-sdelat-kartinku-fonom.html

0


Вы здесь » Форум мудрых людей » Создание своего сайта. Языки программирования, Htm » Как в качестве фона поставить картинку. Как сделать картинку фоном?


создать свой форум бесплатно