Страница 1 из 212»
Форум про uCoz » Всё для web-мастера » Web мастеру » Установка фона для сайта uCoz [часть первая]
Установка фона для сайта uCoz [часть первая]
Dimstrik
Дата: Среда, 17.09.2014, 04:44 | Сообщение # 1
Vip
Сообщений:621
Награды: 6


Доброе время суток, дорогие друзья!
В этой теме я хочу вам рассказать как сделать задний фон для вашего сайта в системе uCoz.
Часто мы встречаем сайты у которых не просто белый, серый или чёрный фон а красивая картинка что предаёт красочность сайту.
Это в первую очередь хорошо для блогов или сайтов игровой тематики .

Для того что бы нам поставить фон для нашего сайта нам нужно найти !

Код body (он в основном всегда в самом верху стилей.

У меня на тестовом сайте вот такой код фона
Код
body {
   margin: 0;
   background-color: #324142;
   font: 11px 'Tahoma', 'Arial';
   color: #6b6b6b;
   text-align: center;
}


Я его просто удаляю и прописываю свои значения в CSS стилях сайта

Код
body {background:url('Ссылка на картинку') no-repeat top #000000;background-attachment:fixed; margin-top: 200px;}


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

Ссылка на картинку: Это путь где у вас лежит картинка ваш будущий фон сайта
#000000: Это цвет фона так как по умолчанию у вас будет белый а если вы ставите фон тёмный то вам и цвет нужно будет менять под фон.
background-attachment:fixed: С помощью этого кода мы зафиксируем наш фон , то есть при прокрутки вашего сайта в низ или в верх фон не будет крутиться .
margin-top: 200px: А этот код вам поможет сделать отступ . то есть отпустить сайт чуть ниже это для того если у вас фон идёт ещё как и шапка сайта , если он вам не нужен вы можете его просто убрать .
no-repeat top: Этот код самая важная часть по моему мнению так как без него ваш фон будет размножаться

Вот как бы и всё , спасибо за внимание!


Сообщение отредактировал CHID - Среда, 17.09.2014, 12:54
kredit-oformi
Дата: Среда, 17.09.2014, 07:51 | Сообщение # 2
Vip
Сообщений:1953
Награды: 5


CHID, Тесть если к примеру хочу поменять только шапку так как широкий шаблон, то такой вариант подойдет для смены ?
Dimstrik
Дата: Среда, 17.09.2014, 08:14 | Сообщение # 3
Vip
Сообщений:621
Награды: 6


Цитата kredit-oformi ()
Тесть если к примеру хочу поменять только шапку так как широкий шаблон, то такой вариант подойдет для смены ?

Это если ты хочешь фон поменять как у меня на сайте а шапку можно отдельно ставить свои стили прописывать .
Ну можно и так же шапку установить размеры картинки просто меньше ставить
Dimstrik
Дата: Среда, 17.09.2014, 08:23 | Сообщение # 4
Vip
Сообщений:621
Награды: 6


Я позже выложу инфу как установить отдельно шапку и фон для сайта
Slavik
Дата: Среда, 17.09.2014, 11:55 | Сообщение # 5
Проверенные
Сообщений:1439
Награды: 1


Ясно понятно=)). CHID, Ты укажи что и куда идти. А то код видно, а куды его вписывать не понятно другим)). Объясни в какой контейнер=) wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Dimstrik
Дата: Среда, 17.09.2014, 12:33 | Сообщение # 6
Vip
Сообщений:621
Награды: 6


Цитата Slavik ()
Объясни в какой контейнер=)

Это прописывать в стилях нужно и не нужно не в какой контейнер ставить
Slavik
Дата: Среда, 17.09.2014, 12:46 | Сообщение # 7
Проверенные
Сообщений:1439
Награды: 1


Цитата CHID ()
Это прописывать в стилях нужно и не нужно не в какой контейнер ставить

А в стилях это в css?


MIR-HACK.RU - Добро пожаловать в мир читов!
Dimstrik
Дата: Среда, 17.09.2014, 12:55 | Сообщение # 8
Vip
Сообщений:621
Награды: 6


Цитата Slavik ()
А в стилях это в css?

Я изменил немного прочитай первый пост tongue
Slavik
Дата: Среда, 17.09.2014, 21:43 | Сообщение # 9
Проверенные
Сообщений:1439
Награды: 1


CHID, АА, всё ясно.

MIR-HACK.RU - Добро пожаловать в мир читов!
Kosten
Дата: Среда, 17.09.2014, 22:39 | Сообщение # 10
Администраторы
Сообщений:12677
Награды: 39


CHID, здравый урок написал.. с меня +10
Реально молоца!


Dimstrik
Дата: Среда, 17.09.2014, 23:43 | Сообщение # 11
Vip
Сообщений:621
Награды: 6


Kosten, Спасибо , ваши комментарии лучшее спасибо не зря значит писал и ещё буду.
Slavik
Дата: Четверг, 18.09.2014, 12:38 | Сообщение # 12
Проверенные
Сообщений:1439
Награды: 1


CHID, Правда молодец! wink . Обязательно ещё пиши smile cool

MIR-HACK.RU - Добро пожаловать в мир читов!
kredit-oformi
Дата: Четверг, 18.09.2014, 13:33 | Сообщение # 13
Vip
Сообщений:1953
Награды: 5


CHID, к стати мог и бы и упомянуть кто попросил тебя создать эту тему smile
не хорошо забывать про тех кто подкидвывет идейи tongue


Сообщение отредактировал kredit-oformi - Четверг, 18.09.2014, 13:35
Slavik
Дата: Четверг, 18.09.2014, 13:35 | Сообщение # 14
Проверенные
Сообщений:1439
Награды: 1


kredit-oformi, Ой да лан те biggrin wink

MIR-HACK.RU - Добро пожаловать в мир читов!
kredit-oformi
Дата: Четверг, 18.09.2014, 13:44 | Сообщение # 15
Vip
Сообщений:1953
Награды: 5


Slavik, это чя так для позитива biggrin
Форум про uCoz » Всё для web-мастера » Web мастеру » Установка фона для сайта uCoz [часть первая]
Страница 1 из 212»
Поиск: