Найдите в CSS следующие строки:
body
{
background url(../имя_картинки.gif);
}
И замените на нужный фон, заранее загруженный!
http://botvet.ru/201-kak-izmenit-fon-sajta-na-besplatnom-xostinge-ucoz.html
Не могу изменить фон на сайте (Не получается изменить фон(()
Как изменить фон шаблона Ucoz #829? Пробовал писать <body style="background... ля ля ля тополя - нифига не получается Помогите плиз че делать?
Зайдите в ПУ=>Общие настройки=>Сменить дизайн сайта=>Перед тем как сохранить, поставте галочку "использовать дизайн для всех страниц"=>Сохранить..
http://siteucoz.ru/forum/2-672-1
Как изменить фон
Для начала нам надо закачать сам фон. Заходим в Файловый менеджер, загружаем, копируем ссылку (просто нажмите на "название" картинки) и заходим в Панель управления>>>Управление дизайном>>>Страницы сайта. Перед вами появится боди.
Я вам объясню кратко. Ищите в боди что-то похожее на это:
http://radikal.ru/F/i041.radikal.ru/0804/08/eb9f09d6af59.jpg.html
Видите ссылки? ( я их обвела жирным) Меняйте ссылки на ссылки ваших фонов. Все!)))
Автор: Mishel
По всем вопросам в эту тему!
Просьба не копировать!
http://illusion.ucoz.com/publ/1-1-0-6
Главная» Обучение » Создание сайта» Дизайн сайта на Ucoz. Как поменять фон
ДИЗАЙН САЙТА НА UCOZ. КАК ПОМЕНЯТЬ ФОН
На форуме одним из популярных вопросов, который мне задают, это вопрос о том, как поменять фон на сайте. Это первое, что часто хотят сделать при создании сайта новички. Именно для Вас, новичков, я и предлагаю это статью. Постараюсь рассмотреть все возможные случаи и рассказать о них на понятном языке.
Итак, давайте по порядку. Первое, о чем Вам нужно задуматься, если Вы решили поменять фон, это то, как он должен себя вести при разных расширениях монитора. Большинство новичков об этом совершенно забывают. А ведь мониторы у всех разные, поэтому это обязательно надо иметь в виду. Давайте разберемся, какие варианты возможны:
1. Вы задаете фон просто цветом. Этот вариант легко реализовать. Он не будет долго грузиться и будет одинаково выглядеть абсолютно на всех мониторах и браузерах. Но многим хочется красоты. Поэтому идем дальше
2. Можно задать фон из картинки, которая может повторяться по вертикали или по горизонтали, или по обоим направлениям. Как пример, вот картинка фона шапки на этом сайте
Как видите, этот кусочек фона можно повторять по ширине столько раз, сколько понадобится, чтобы заполнить всю ширину экрана монитора.
3. Но если и это вам не подходит, и Вы хотите поставить картинку, например, какой-то пейзаж. То тут возможны 3 варианта
3.1. Можно сделать картинку под самый маленький монитор (обычно это 1024px) и разместить этот фон по центру , плюс задать цвет фона, который будет заполнять свободное место там, где не будет картинки при более больших размерах монитора.
3.2. Можно сделать картинку автоматически масштабируемую под размеры монитора, но это работает не во всех браузерах, например, не работает в Internet Explorer. Поэтому такой вариант подойдет очень немногим.
3.3. Последний вариант - это скорее дополнительный момент к 2 предыдущим: фон может заполнять все пространство страницы, а может совпадать с размером монитора и при прокручивании страницы оставаться неподвижным.
Вот, в общем-то, и все варианты. Если определились, давайте начнем.
Фон страницы обычно задается в теге <body> с помощью свойства background.
Возможны два варианта:
1. свойство может быть задано прямо в шаблоне страницы
2. свойство может быть прописано в таблице CSS
Причем, если свойство прописано и там, и там, то сработает то, что написано в шаблоне.
Если свойство прописано в шаблоне, то выглядит оно примерно так:
<body style="background: #FcFcFc;">
свойств внутри может быть гораздо больше, они перечисляются через запятую, но нас интересует только свойство background
если оно прописано в таблице css, то в шаблоне будет просто
<body>
а в таблице css примерно так:
body {background: #FcFcFc;}
В чем тут принципиальное отличие? В том, что если у Вас первый вариант , изменения придется производить во всех используемых шаблонах: шаблоне каталога статей, шаблоне модуля новостей и так далее. Тут Вам будет полезна функция Быстрая замена участков кода. Вам необходимо будет сначала настроить код в шаблоне страницы сайта. А потом зайти в Меню - Дизайн -Быстрая замена участков шаблона - Что заменить - вставляете код <body .......> , какой он остался в изначальных шаблонах , На что заменить: - новый код . Тогда замена будет проведена во всех шаблонах. Другой вариант. Сразу заменить изначальный код на просто <body>, и тогда уже все изменения надо будет делать только в таблице css (вариант 2)
Итак, с основными моментами разобрались. А теперь разберем и все свойства. Я буду приводить примеры кода, которые соответственно Вы сможете внедрить следующим образом:
- в шаблоне страницы
<body style="пример кода">
- в таблице CSS
body {пример кода}
1. Задаем фон прост цветом
background: #FcFcFc;
цвета очень хорошо можно подобрать здесь : Подбор цвета
2. Задаем фон картинкой
background: url('адрес картинки');
задаем фон картинкой, которая не будет повторяться
background: url('адрес картинки') no-repeat;
3. Задаем фон картинкой, которая будет повторяться по горизонтали
background: url('адрес картинки') repeat-x;
4. Задаем фон картинкой, которая будет повторяться по вертикали
background: url('адрес картинки') repeat-y;
5. Задаем фон картинкой, которая будет повторяться и по горизонтали, и по вертикали
background: url('адрес картинки') repeat;
6. Задаем фон картинкой, которая будет по центру горизонтали и по верху по вертикали
background: url('адрес картинки') 50% 0%;
7. Задаем фон картинкой, которая будет по центру горизонтали и по верху по вертикали , плюс цвет, там, где картинки не будет
background:#fcfcfc url('адрес картинки') 50% 0%;
8. Задаем фон картинкой, которая не будет прокручиваться при прокручивании страницы
background:#fcfcfc url('адрес картинки') 50% 0%;background-attachment: fixed;
9. Задаем фон картинкой, которая будет масштабироваться
background: url('адрес картинки');background-size:100%;
Вот основные параметры , которые Вы можете задать. Если я что-то упустила, пишите, спрашивайте, обязательно отвечу.
7 Dim5869 (26.04.2011 11:43)
http://garenanet.ucoz.ru/
как зделать белый фон подскажите чтоб лиц этих небыло плиз и можно ли 2 картинку вставить
0
8 otlichnica (26.04.2011 16:18)
вот ваш код в шаблоне
<td width="100" height="100"><img src="http://garenanet.ucoz.ru/cbc351a5f43f.jpg" <img src="http://garenanet.ucoz.ru/cbc351a5f43f.jpg" border="0"></td><td width="211" height="123"><img src="http://garenanet.ucoz.ru/0b7b393f3cbf.jpg" border="0"></td>
без картинок это будет выглядеть так
<td width="100" height="100"></td><td width="211" height="123"></td>
Более подробно отвечу на форуме.
0
5 iogyrt (25.04.2011 18:33)
а как добавить картинку и сделать белый фон
0
6 otlichnica (25.04.2011 22:21)
background:#fff; - белый фон
<img src="адрес картинки">
0
3 OJIEHb (21.04.2011 16:02)
куда код картинки кидать скажите!
0
4 otlichnica (21.04.2011 19:06)
на форум с обязательным указанием сайта
0
2 OJIEHb (21.04.2011 15:50)
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>[TITLE]</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link rel="icon" href="/desing/logo_cod4.png" type="image/x-icon">
<link rel="shortcut icon" href="/desing/logo_bc2.png" type="image/x-icon">
</head>
<body><img src="http://deathreb3.ucoz.com/images/3_10.jpg" border="0" alt="" />
$ADMIN_BAR$
<!-- <header> -->
<table cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td>
<script language="JavaScript">
<!--
var a=Math.round(Math.random()*10)
image = new Array();
image[0]="/desing/3_0.jpg"
image[1]="/desing/3_1.jpg"
image[2]="/desing/3_2.jpg"
image[3]="/desing/3_3.jpg"
image[4]="/desing/3_4.jpg"
image[5]="/desing/3_5.jpg"
image[6]="/desing/3_6.jpg"
image[7]="/desing/3_7.jpg"
image[8]="/desing/3_8.jpg"
image[9]="/desing/3_9.jpg"
image[10]="/desing/3_10.jpg"
document.write ("<img src="+image[a]+">");
//-->
</script><noscript><font color="red">Для корректного отображения ВКЛЮЧИТЕ JavaScripts!</font></noscript>
</td></tr>
</table>
<!-- </header> -->
<table cellpadding="0" cellspacing="0" border="0" id="contentBlock" align="center">
<tr>
<td valign="top" class="column">
<!-- <container> -->
<!-- <block> -->
<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle" align="center"><b>TITLE</b></td></tr><tr><td class="boxContent">CONTENT</td></tr><br></table>
<!-- </block> -->
<!-- </container> -->
</td>
<td valign="top" style="width:80%;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="29" height="26"><img src="/desing/up_l.png" border="0"></td><td style="background-image: url('/desing/up_c.png');"><b><center>$MODULE_NAME$</center></b></td><td width="29" height="26"><img src="/desing/up_r.png" border="0"></td></tr>
<tr>
<td style="background-image: url('/desing/4_l.png');"></td>
<td style="background-color:#292929;">
<br>
[BODY]</td>
<td style="background-image: url('/desing/4_r.png');"></td>
</tr>
<tr><td width="29" height="26"><img src="/desing/down_l.png" border="0"></td><td style="background-image: url('/desing/down_c.png');"></td><td width="29" height="26"><img src="/desing/down_r.png" border="0"></td></tr>
</table>
</td>
</table>
<!-- <footer> -->
<table cellpadding="10" cellspacing="0" border="0" class="dataBar" align="center">
<tr>
<td><a href="http://studio-life.ucoz.ru/" target="_blank">Desing by "Studio-Life"</a></td>
<td align="right"> $POWERED_BY$</td>
</tr>
</table>
<!-- </footer> -->
</body><img src="http://deathreb3.ucoz.com/images/1.jpg" border="0" alt="" />
</html>
<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#585858;" width="100%">
<tr><td style="background:url('/desing/2.png') no-repeat;height:76px;color:#e18a00;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#000000;padding:10px;">[BODY]</td></tr>
</table>
<!-- </popup> -->
помогите хелп невидно фона просто белый а фона нету
0
1 KorniloFF (31.03.2011 19:17)
2. Задаем фон картинкой
background: url('адрес картинки');
поправочка:
2. Задаем фон картинкой
background: url('адрес картинки') no-repeat;
0
9 otlichnica (14.05.2011 17:16)
спасибо. Добавила твою поправку в статью
Главная 
Главная страница 
..::Гороскоп::.. 
Каталог статей 
Блог блогера
Старенький Форум 
Фотоальбом 
Онлайн игры
ВИДЕО онлайн 
