• Страница 1 из 2
  • 1
  • 2
  • »
Форум » Web-Раздел » Начинающему вебмастеру » Установка фона для сайта uCoz [часть первая]
Установка фона для сайта uCoz [часть первая]
Dimstrik
Среда, 17 Сентября 2014 | Сообщение 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 Сентября 2014, 12:54
Страна: (RU)
kredit-oformi
Среда, 17 Сентября 2014 | Сообщение 2
Оффлайн
Vip
Сообщений:1975
Награды: 5
CHID, Тесть если к примеру хочу поменять только шапку так как широкий шаблон, то такой вариант подойдет для смены ?
Страна: (RU)
Dimstrik
Среда, 17 Сентября 2014 | Сообщение 3
Оффлайн
Vip
Сообщений:621
Награды: 6
Цитата kredit-oformi ()
Тесть если к примеру хочу поменять только шапку так как широкий шаблон, то такой вариант подойдет для смены ?

Это если ты хочешь фон поменять как у меня на сайте а шапку можно отдельно ставить свои стили прописывать .
Ну можно и так же шапку установить размеры картинки просто меньше ставить
Страна: (RU)
Dimstrik
Среда, 17 Сентября 2014 | Сообщение 4
Оффлайн
Vip
Сообщений:621
Награды: 6
Я позже выложу инфу как установить отдельно шапку и фон для сайта
Страна: (RU)
Slavik
Среда, 17 Сентября 2014 | Сообщение 5
Оффлайн
Vip
Сообщений:1767
Награды: 4
Ясно понятно=)). CHID, Ты укажи что и куда идти. А то код видно, а куды его вписывать не понятно другим)). Объясни в какой контейнер=) wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Dimstrik
Среда, 17 Сентября 2014 | Сообщение 6
Оффлайн
Vip
Сообщений:621
Награды: 6
Цитата Slavik ()
Объясни в какой контейнер=)

Это прописывать в стилях нужно и не нужно не в какой контейнер ставить
Страна: (RU)
Slavik
Среда, 17 Сентября 2014 | Сообщение 7
Оффлайн
Vip
Сообщений:1767
Награды: 4
Цитата CHID ()
Это прописывать в стилях нужно и не нужно не в какой контейнер ставить

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


MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Dimstrik
Среда, 17 Сентября 2014 | Сообщение 8
Оффлайн
Vip
Сообщений:621
Награды: 6
Цитата Slavik ()
А в стилях это в css?

Я изменил немного прочитай первый пост tongue
Страна: (RU)
Slavik
Среда, 17 Сентября 2014 | Сообщение 9
Оффлайн
Vip
Сообщений:1767
Награды: 4
CHID, АА, всё ясно.

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Kosten
Среда, 17 Сентября 2014 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
CHID, здравый урок написал.. с меня +10
Реально молоца!
Страна: (RU)
Dimstrik
Среда, 17 Сентября 2014 | Сообщение 11
Оффлайн
Vip
Сообщений:621
Награды: 6
Kosten, Спасибо , ваши комментарии лучшее спасибо не зря значит писал и ещё буду.
Страна: (RU)
Slavik
Четверг, 18 Сентября 2014 | Сообщение 12
Оффлайн
Vip
Сообщений:1767
Награды: 4
CHID, Правда молодец! wink . Обязательно ещё пиши smile cool

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
kredit-oformi
Четверг, 18 Сентября 2014 | Сообщение 13
Оффлайн
Vip
Сообщений:1975
Награды: 5
CHID, к стати мог и бы и упомянуть кто попросил тебя создать эту тему smile
не хорошо забывать про тех кто подкидвывет идейи tongue


Сообщение отредактировал
kredit-oformi - Четверг, 18 Сентября 2014, 13:35
Страна: (RU)
Slavik
Четверг, 18 Сентября 2014 | Сообщение 14
Оффлайн
Vip
Сообщений:1767
Награды: 4
kredit-oformi, Ой да лан те biggrin wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
kredit-oformi
Четверг, 18 Сентября 2014 | Сообщение 15
Оффлайн
Vip
Сообщений:1975
Награды: 5
Slavik, это чя так для позитива biggrin
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Установка фона для сайта uCoz [часть первая]
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: