Урок№5. Как поменять низ сайта на okis.ru - Все о мотоблоках

Урок№5. Как поменять низ сайта на okis.ru

В этом уроке Вы узнаете, как поменять низ сайта, сделанного на okis.ru

Загрузите файл footer.png точно таким же способом, как мы это делали в предыдущем уроке. Не забудьте снять галочку с «Уменьшить размер изображение до 500 х 500 px» перед загрузкой.

Зайдите в редактор CSS и на следующей строчке пропишите код:

.art-footer .art-footer-background {background: url(ПУТЬ_К_ФАЙЛУ/footer.png);}

В моём случае ПУТЬ_К_ФАЙЛУ такой: img/cocktail60/footer.png
Значит я пишу следующий код:
.art-footer .art-footer-background {background: url(img/cocktail60/footer.png);}
Вам нужно указать свой ПУТЬ_К_ФАЙЛУ.

Сохраните изменения. Обновив страницу сайта, Вы увидите, что низ сайта поменялся.

Не смотря на то, что у нас всё корректно показывается, мы на всякий случай укажем ширину и высоту нижней части сайта:

.art-footer .art-footer-background {
background: url(img/cocktail60/footer.png);
width: 972px;
height: 150px;
}

width: 972px; — ширина низа сайта. В каждом шаблоне есть своя ширина – это нужно учитывать.
height: 150px; — высота низа сайта. Во всех шаблонах низ сайта нужно делать с высотой в 150px. Я, правда, не проверял все темы оформления, но во всех шаблонах, с которыми я ознакомился, высота низа сайта везде одинаковая – 150px. Если же у Вас, что-то не получается, то Вы можете оставить комментарий в этом уроке, дав адрес своего сайта и информацию о том, что не получается.

Надо заметь, что при указании высоты 150px, показывается только нижняя часть картинки в 64px. Если в 64px не будет вмещаться информация (в частности, меню), то высота низа сайта может увеличиваться до 150px.

Сохраните изменения. Теперь нижняя часть нашего сайта выглядит так:

Урок№5. Как поменять низ сайта на okis.ru: теперь нижняя часть сайта выглядит так

Хочу также заметить, что в новых версиях браузера Опера, например, в Opera 12, низ сайта может некорректно отображаться. Да и вообще, что-то новая версия Opera постоянно подтормаживает и зависает 🙁 . К сожалению, это недоработки программистов Opera – в предыдущих версиях Opera низ сайта нормально отображается. Надеюсь, что в будущем компания исправит недочёты данного браузера. Во всех же остальных браузерах сайт должен отображаться корректно.

В следующем уроке Вы узнаете, как поменять фон сайта на okis.ru.

Урок№6. Как поменять фон сайта на okis.ru
Урок№7. Как поменять контур сайта на okis.ru
Урок№8. Всё, что нужно знать новичку об ОКИС.РУ (OKIS.RU)
Изменение дизайна на ОКИС.РУ (OKIS.RU). Общий список CSS-кодов

Дополнительные уроки по созданию и ведению сайта на OKIS:
Урок№9. Как организовать общение на сайте, сделанном на okis.ru
Урок№10. Как активировать сайт на okis.ru с помощью WebMoney
Урок №11. Учимся добавлять новую страничку на okis.ru и работать с содержимым страницы

Перейти в начало к урокам по созданию сайта на OKIS>>>

Ссылка на основную публикацию