Як змінити дизайн сайту

Після того, як ви оберете необхідні вам кольори оформлення, створіть скріншот сторінки за допомогою програми Snagit. Далі для складання колірної карти шаблону, вам необхідно просканувати, створений скріншот, за допомогою маленької програмки Run Pixie. Наводите курсор на потрібний вам колір, і програма показує код кольору в форматі HTML. Запишіть HTML - коди всіх, необхідних вам квітів і зробіть колірну карту.

Колірна карта шаблону Likom містить дванадцять квітів.

Як змінити дизайн сайту

Ви можете замінити їх. на кольори своєї колірної карти. Припустимо, ви хочете змінити колір горизонтального меню:

Подібним чином, ви зможете замінити кольорове оформлення всіх елементів сайту.

Після зміни кольору, вам необхідно буде замінити шапку сайту. У папка image шаблону Likom знаходиться файл header.jpg. Ширина зображення дорівнює ширині сторінки 950 px, а висота прописана в файлі template.css і дорівнює вона 120 px.

Ви можете створити в програмі Photoshop свій файл header.jpg з такими ж розмірами, і замінити їм header.jpg в папці image шаблону Likom.

Як робити найпростіші шапки для сайтів і як правильно їх оптимізувати для WEB, ви можете подивитися в уроках Photoshop.

Якщо ви хочете змінити висоту графічного файлу header.jpg. вам необхідно в файлі template.css змінити висоту блоку header на необхідну вам, для коректної вставки графічного файлу в шаблон.

Отже, в результаті зміни кольорів шаблону, графічного файлу header.jpg і перестановці блоків у файлі index.php, ви можете створити свій унікальний дизайн на основі шаблону Likom.

Після того, як створений новий дизайн шаблону, необхідно створити його новий скріншот в файлі template_thumbnail.png.