Урок№7. Как поменять контур сайта на okis.ru | Блог сайтостроителя

Урок№7. Как поменять контур сайта на okis.ru

Некоторые шаблоны конструктора сайтов Окис имеют контур вокруг всей области сайта, и наш шаблон в их числе. В этом уроке Вы узнаете, как поменять контур сайта на okis.ru.

В первую очередь загрузите изображение sheet_s.png на наш сайт, взяв его из архива файлов, который Вы скачали в самом первом уроке. После чего зайдите в редактор CSS и напишите там следующий код:

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl {background-image: url(ПУТЬ_К_ФАЙЛУ/sheet_s.png);}

Сохраните изменения.

Обновив страницу сайта, Вы увидите, что в четырёх углах нашего сайта появились частицы нашего контура.

Урок№7. Как поменять контур сайта на okis.ru

Теперь нам нужно, чтобы контур равномерно распределился слева, справа, снизу и сверху.

Для того чтобы контур поменялся слева и справа нам нужно, для начала, загрузить на сайт изображение sheet_v.png. Затем в редакторе CSS нужно написать следующий код:

.art-sheet-cr, .art-sheet-cl {background-image: url(ПУТЬ_К_ФАЙЛУ/sheet_v.png);}

Сохраните изменения в CSS и обновите страницу нашего сайта. Как видите, контур поменялся слева и справа.

Урок№7. Как поменять контур сайта на okis.ru <-> Урок№7. Как поменять контур сайта на okis.ru

Давайте также поменяем верхний и нижний контур. Загрузите файл sheet_h.png, затем в редакторе CSS пропишите следующий код:

.art-sheet-tc, .art-sheet-bc {background-image: url(ПУТЬ_К_ФАЙЛУ/sheet_h.png);}

Сохраните изменения и обновите главную страницу сайта. Верхний и нижний контуры поменялись.

Поздравляю! Вы дошли до завершающего урока по изменению дизайна сайта на ОКИСе. Теперь Вы знаете, как сделать бесплатный сайт на okis.ru, и, как поменять основные составляющие дизайна сайта на ОКИСе. В следующем уроке мы подведём итоги и обсудим все самые важные моменты, связанные с созданием, ведением и продвижением сайта.

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

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

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

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