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

1. Як змінити дизайн сайту на Ucoz Юкоз

Наша взаимовыгодная связь https://banwar.org/

Коли створював сайт, вибрав собі хостинг на Ucoz, так як він має ряд безсумнівних для мене достоїнств:

1. Хостинг безкоштовний, на перших проектів це відмінний вибір.

2. Повний доступ до Html і Css коду, що дає великі можливості по зміні дизайну та шаблону сторінки, якщо розібратися. Можна змінити дизайн на сайті Ucoz Юкоз без всяких проблем.

3. Великий набір вбудованих модулів, на яких можна побудувати практично все, що завгодно, що вам допоможе при подальшому просуванні сайту.

4. Можливість прикрутити до хостингу домен другого рівня.

5. Відсутність реклами, можливість встановити свою при бажанні.

6. Зручна русифікована админка для управління сайтом.

7. Можливість створення декількох сайтів на одному акаунті.

Сьогодні я хотів би розповісти, як змінити дизайн свого сайту на Ucoz Юкоз.

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

Ucoz пропонує 246 оригінальних дизайнів на вибір, але зазвичай вибирають з 10-20 особливо вдалих, відповідно вже придивившись і обридлих. А давно відомо, що для того, щоб здійснити успішне просування сайтів в Єкатеринбурзі або іншому місті, слід створити оригінальний і привабливий дизайн сайту, до яких, зрозуміло, не можна віднести шаблонний дизайн. Ну так змінюємо дизайн Ucoz Юкоз на свій. Якщо спершу складно зробити дизайн з нуля, пропоную змінити вже існуючий.

Заходьте в редактор сторінок, вибираєте пункт "загальні налаштування". Натискаєте навпроти рядка "Дизайн сайту:" - "вибрати дизайн", відкривається вікно вибору дизайну. Вибираєте той дизайн Ucoz Юкоз, який вам найбільш сподобався, встановлюєте на сайт і починаєте редагувати.

Для прикладу розповім, як змінити картинку шапки сайту. Всі графічні зображення, які використовуються в дизайні, описані у файлі стилів style.css, або в html-шаблоні сторінок. Розглянемо два варіанти:

1. Зображення прописані в CSS. У верхній панелі вибираєте "Дизайн" - "Управління дизайном (CSS)". У вікні нижче відкриється власне сам файл стилів. Знаходимо в ньому рядок виду: #header {background: url ( '/ ee.jpg') no-repeat; height: 182px; ......} - це адреса вашої шапки сайту. (В різних шаблонах по різному, вам доведеться знайти, яка картинка до чого відноситься)

2. Зображення прописані в Html-шаблоні. Там же у верхній панелі вибираєте "Дизайн" - "Управління дизайном (шаблони)". У вікні нижче вибираєте "верхня частина сайту", шукаєте рядок виду: <td height = "193" width = "698" style = "background: url ( '/. S / t / 341 / 7.jpg') left no- repeat; .........> Знову ж доведеться визначити, яку саме картинку ви хочете поміняти.

Щоб дізнатися, яка саме картинка вам потрібна, перейдіть за адресою виду: "адреса вашого сайту / адреса картинки з шаблону" - відкриється картинка, знайдете потрібну вам.

Тепер малюємо нову шапку. Не забуваємо, що якщо ваша шапка має інші розміри, ніж вихідна або вам потрібно інше її місце розташування, то ви повинні поправити це в шаблоні або файлі стилів. Зберігаємо шапку в кореневій каталог за допомогою менеджера файлів, міняємо адреси картинки на адресу новоствореної, зберігаємо, отримуємо бажаний результат.

Аналогічно робимо з усіма картинками дизайну вашого сайту або створюємо відразу новий дизайн для всієї сторінки і прикручуємо його до вашого сайту.

Зауваження: якщо після цього ви зміните шаблон сайту, виберете новий шаблон, то всі ваші зміна в html і css коду, зрозуміло, пропадуть.

Мій блог знаходять за такими фразами

Цікаві пости на "Сайтоведе":