Как создать свой сайт
Блог сайтостроителя


Видеокурс «Все Технические Моменты Онлайн Бизнеса в Видеоформате 2 или PHP+MySQL для начинающих»

Рубрика «Вопрос? Ответ!»





Урок№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>>>

Популярность заметки: 2%

Опубликовал admin 12 июня, 2011 | 4 комментария | Просмотров: 5,067

Рейтинг заметки:

1 звезда2 звезды3 звезды4 звезды5 звезд (1 голосов, средний: 3.00 из 5)
Loading ... Loading ...

Размещено в рубрике: Сайт на OKIS

Метки:

Если Вам понравились материалы сайта http://webcaum.ru, и Вы хотите отблагодарить автора данного ресурса, то скопируйте код баннера, который представлен ниже, и вставьте его на любой странице Вашего сайта.

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

  • Лин
    8 февраля, 2013, 9:59
    Цитировать

    А как можно привязать футер к низу сайта?

  • admin
    17 февраля, 2013, 13:33
    Цитировать

    Цитата:

    А как можно привязать футер к низу сайта?

    Футер и низ сайта — это одно и то же. Напишите более подробно, в чём заключается задача.

  • Виктория
    3 июля, 2014, 7:32
    Цитировать

    Какие бы я картинки не пробовала, низ не меняется вообще((

  • admin
    5 июля, 2014, 17:40
    Цитировать

    Цитата:

    Какие бы я картинки не пробовала, низ не меняется вообще((

    По адресу /img/castricumvirgo/futer4.jpg/footer.png, который вы указали в шаблоне, нет картинки, поэтому и не показывается подвал.

    Вам нужно следующий код вставить:

    .art-footer .art-footer-background {

    background: url(/img/castricumvirgo/futer4.jpg);

    width: 1003px;

    height: 200px;

    }

    Только не уверен с размерами, возможно, картинка слишком большая и её надо будет уменьшать

Внимание! На данный момент возможность комментирования на сайте закрыта по причине нехватки времени у автора отвечать на вопросы посетителей сайта. Как только у автора блога появится время, форма с отправкой комментариев обязательно будет установлена обратно.

© 2011 Все права защищены законодательством РФ.
Автор разрешает использовать материалы сайта только при одном условии – на страницу сайта webcaum.ru, от куда был скопирован материал (или частично скопирован), должна быть проставлена индексируемая ссылка Поднять страницу вверх