Как да се сложи шапка на сайта

На първо място, ние трябва да изтеглите fon.gif на файла. За да го изтеглите, отидете на раздела: Tools -> File Manager.

Преди да изтеглите файлове, ще се появи прозорец. Кликнете върху бутона "Преглед", отидете в папката, където изтеглените файлове и изберете fon.gif картина. След това кликнете върху "Качване".

Отиди на форум: Дизайн -> Управление на проекти (CSS).

Така че, нека да променят дизайна банер. На пето място в стиловете на таблицата ще видите следния код:

Именно този код ще се приспособи към донесе сайт шапка във формата, която се нуждаем. Замяна на целия този код на следните данни:

където
височина: 96px - е височината на капачки в 96px.
гранично-отгоре: 2px твърдо # 000000; - горната подчертаване твърдо вещество (твърдо вещество) черен (# 000000) 2px линия дебелина.
гранично-отдолу: 2px твърдо # 000000; - underbar твърдо вещество (твърдо вещество) черен (# 000000) 2px линия дебелина.
фон: URL ( "/ fon.gif '); - това означава, че фонът е капачка картина fon.gif, които се разпространяват в хоризонтална и вертикална равнина.

Също така този код може да доведе до следния вид (както намерите за добре)

#logoBlock височина: 96px;
гранично-отгоре: 2px твърдо # 000000;
гранично-отдолу: 2px твърдо # 000000;
фон: URL ( "/ fon.gif ');
>

Щракнете върху бутона "Save". Обнови на главната страница на сайта, както и ще видите, че капачката сега изглежда така:

По този начин, на фона хедър на сайта са се променили. Сега трябва да се красиво аранжиран заглавие "Бяла Директория на сайтове" в заглавната част.

Отиди на форум: Дизайн -> Управление на проекти (шаблони).

След това отидете на раздела "горната част на сайта."

Обърнете внимание на кода, който се намира на първия ред:

Добавяне на маркер

. Т.е. Сега кода на първия ред трябва да изглежда така (маркирани в червено, което искате да добавите):

След натискане на бутон "Save". Допълнителни тагове, които добавихме, за да ни намира точно фон за района, в който заглавието на "бял каталог на сайтове", затворен в таговете. и тире блок

Caps относителната площ, т.е. свободен край . Така че сега вие виждате всичко от първа ръка.

На първо място, ние трябва да изтеглите h1-fon.jpg по делото. Отидете на "File Manager" и да го качите.

След това отидете на: Дизайн -> Управление на проекти (CSS).

# Logotip_h1 фон: URL ( "/ h1-fon.jpg") не-повторение;
позиция: относителна;
отгоре: 25 пкс;
лява: 39px;
ширина: 472px;
височина: 60px;
подложка покрив: 13 пкс;
текст-приравни: център;
>

където
фон: URL ( "/ h1-fon.jpg") никой не се повтаря; - Предшестващо блок

, при което заглавната
позиция: относителна; - означава, че позицията на елемента настроен спрямо общата площ на капачката . Добавянето на имоти наляво, отгоре, дясна и долната променя позицията на елемента .
отгоре: 25 пкс; - определя вдлъбнатината в 25 пкс на елемент от горния край на блока .
лява: 39px; - определя вдлъбнатината в 39px елемента от левия край на блока .
ширина: 472px; - ширина елемент до 472px.
височина: 60px; - височина на елемента в 60px.
подложка покрив: 13 пкс; - прави вътрешната горното поле. Т.е. от елементи вътре в кода (В нашия случай - това е заглавие), ще бъде в топ 13 пкс марж.
текст-приравни: център; - разположен в центъра на елементите, които са вътре в кода .

Щракнете върху бутона "Save" и да обновите началната страница. Сега мястото на капачка изглежда така:

"Белият каталога на сайтове" Сега ние трябва да се промени цвета на заглавната част от черно до бяло.

За да направите това, да намерите CSS стил лист #logoBlock h1 линия и замени код # 000000. което означава, черно, за #FFFFFF (бяло). Т.е. Сега Тази линия трябва да изглежда така (маркирани в червено, което е променено):

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

В този урок научихте как да се промени капачката ucoz сайт. В следващия урок ще научите как да се промени в долната част на сайта.

Популярност бележки: 40%