Как поставить фоновое изображение на сайт?

голоса: 0
Добрый вечер. Скажите, пожалуйста, как можно вставить фоновое изображение на сайт? Что бы фоном была соотвествующая картинка?
Адрес сайта http://mirpc.3dn.ru/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

В стилях ищем строку номер 14:

body {background:url(ссылка на фото фона)no-repeat;background-size:100%;margin:0;padding:0!important;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#5e6d81;}

добавить выделенное красным, прописать свою ссылку на фото фона.

В стилях строка номер 480 удалить этот бред:

div {
 background: green;
 background: linear-gradient(to right, white 12% , #68BDDF 65%, #3E9FC8, #43B5DB);
}

так же ниже в строки 485-497:

<html>
<head>
<title>Картинка - фон в HTML</title>
$AJAX_JS$
</head>
<body style="background-image:url(../images/primer-img.jpg)">
<p>Какой-то произвольный текст.</p>
</body>
</html>

Стиль, добавляющий градиентный фон на сайт(вверху)

Стиль, с помощью которого у кнопки "искать" появляется указатель в виде руки.(внизу)

удалить этот бред.

Текст :

Стиль для ссылок.(с названием - последние статьи)

так же удалить.

Далее строки 518-527:

 <p>
 <div align="right"> 
<form action="/search/" method="get" onsubmit="this.sfSbm.disabled=true"> 
 <input type="text" size="20" maxlength="120" placeholder="Введите свой запрос" name="q"> 
<input src="http://mirpc.3dn.ru/poisk.png" type="image" style="vertical-align: bottom; padding: 0;">
</form>
 </div>
 </p>

(Вертикальное меню - внизу)

удалить этот html бред, кто вас научил в стили вставлять HTML и еще просто текст в придачу, это же таблица стилей и должны быть стили, это не шаблон где можно вставлять html код.

| Автор:
Просто я подписываю чтобы не забыть что значит каждый код. Не удаляйте пожалуйста эту тему, я завтра всё переделаю и скопирую.
Михаил Волков,

Если пишите текст в стилях, комментируйте его как положено, заключайте в вот такие теги:

/*здесь текст*/ 

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

Yuri_Geruk,

Хорошо. Просто я в этом деле еще новичок, учусь что и как делать. Фоновую картинку мне удалось поставить, но почему то она поставилась не на всю страницу сайта, а лишь на половину. Пожалуйста, подскажите, как сделать ее на всю страницу сайта? Все перепробовал, не выходит.

 

Сайт: http://mirpc.3dn.ru/

Михаил Волков,

Стили в строке номер 15 отредактируйте:

body {background:url(http://mirpc.3dn.ru/sinij-fon21.jpg)no-repeat;background-size:100%;background-attachment: fixed;margin:0;padding:0!important;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#5e6d81;}

добавьте выделенное, после будет как положено.

Yuri_Geruk,
Спасибо. А можно как нибудь заполнить белые окна на сайте каким - нибудь цветом или картинкой? Например, там где обычно все статьи написаны или блоки справой стороны сайта?
Михаил Волков,

Можно, там где статьи, в стилях ищите строку номер 121:

#content {float:left;width:72%; background:#fff;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

там где блоки, ищем в стилях строку номер 81:

#sidebar {float:right;width:26%; background:#fff;}

выделенное заменяем на url('ссылка на фото')no-repeat

Yuri_Geruk,
Спасибо, всё получилось.
...