Когда создавал сайт, выбрал себе хостинг на 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 кода, разумеется, пропадут.

Мой блог находят по следующим фразам


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Комментарии (170)

  1. У меня вопрос, можно ли сделать чуть побольше размер вот тут:
    [spoiler]http://i2.fastpic.ru/big/2011/0226/16/218f1903d1763bf96a3bafa6c68ea716.jpg[/spoiler]

    Ответить

  2. Как на страничку сайта вставить картинку что бы она не» убегала» при увеличении маcштаба всей страницы ?

    Ответить

  3. а на фон какая ссылка?

    Ответить

  4. во так мой сайт vrdoo-edinstvo.ucoz.ru
    а вот как хочу vrdoo-edinstvo.ru

    Ответить

    • Так регистрируй домен vrdoo-edinstvo.ru, если он свободен, и прикрепляй его к своему сайту. Это делается только так, по другому не выйдет.

      Ответить

  5. а домен vrdoo-edinstvo.ru где регать ???? в юкозе? если да то бесплатные только с юкоз(

    Ответить

  6. здраствуйте меня интересует это правда (боюсь что изменение дизайна повлияет на позиции сайта в поисковых системах.) и что с этим делать

    Ответить

  7. У меня вопрос — я не нашла в дизайне #899 кусочек шапки с собакой, а мне его нужно заменить. Что в таком случае делать?

    Ответить

    • Загружаете свою картинку, желательно — то же размера, и в дизайне — меняете код — адрес картинки — тот, что был — на свой. Свою картинку для этого — залить на сервер.

      Ответить

  8. Незнаю поможете вы мне или нет,но всетаки у меня небольшая проблема — шапка на шаблоне другая и я хочу поменять фон под нее и страницы,но не могу найти URL картинок,как мне быть.Может такое быть ,что они не прописаны?

    Ответить

    • Нет, такого быть не может. Картинки должны быть прописаны или в шаблоне или в css стилях — ищете лучше.

      Ответить

  9. Доброго времени.
    Такой вот вопрос:
    Если старый шаблон, который стоит у меня на ucoz-е я хочу поменять на другой, потеряется ли информация которой заполнен сайт?
    и если потеряется, то как можно изменить шаблон без потери всей накопившейся информации?
    Заранее спасибо

    Ответить

    • Нет, ничего не потеряется. Только те изменения, что вы вносили в шаблон (может быть, счетчик статистики вставляли, кода рекламы, мета-тэги для Яндекса, еще что-то). Чтобы не потерять — скопируйте, сохраните и вставьте в новый шаблон.

      Ответить

  10. Как на юкоз вставить созданный ранее сайт или там нужно выбирать только из шаблонов.

    Ответить

  11. Прочитала как сменить шапку…Если честно ни чего не поняла…Даже не знаю как создать свою, что мне очень нужно…Если не трудно хочу получить от вас подробное описание начиная с того как создать свою «шапку» для того чтобы она была вверху сайта.

    Ответить

    • Что тут может быть непонятного?
      Для вашего сайта в css стилях почти в самом верху ищете строчку:
      /*Header*/
      #header {background: url(имя.jpg)
      Это и есть ваша шапка.
      Вот адрес шапки: http://family-klan.clan.su/.s/t/789/6.jpg
      У вас он прописан как: /.s/t/789/6.jpg
      Изменяете эту шапку, грузите в корень сайта, меняете в стилях имя на: /имя.jpg вместо /.s/t/789/6.jpg

      Ответить

      • не всё так просто, как сказано. Я попыталась так сделать, подобрала картинки, сама сделала вывела их на тот размер который должен быть, всё чётко по см. совпадем оригинальная шапка и моя. Вставила, и всё смещено оказывается. А вот как подогнать их на место с этим у меня проблема

        Ответить

        • адрес сайта дайте, по идее — не должно такого быть.

          Ответить

          • Я дам мой адрес. wood-d@bk.ru
            Эту проблему я решила. Но появилась другая. Если будет возможность прошу Вас со мной списаться и помочь. Заранее благодарна.
            Чарли

          • Напишите мне сами — через страницу «Контакты» — там есть форма обратной связи.

  12. А если просто полностью сменить дизайн, контент останиться?

    Ответить

  13. Админ!Можешь мне дизайн сайта изменить?Могу заплатить.О цене и остальных подробностях напиши в скайп пожалуста fack77784

    Ответить

  14. доброго времени суток. помогите мне разобраться с сайтом. я хочу поставить один скрипт но если ставлю туда, куда говорят то сайт вообще искажается, (вернее искажается шапка)….

    Ответить

  15. Нет ни одного backgraund’а, ни в CSS, ни в HTML. Покрайней мере у меня в 2-х шаблоНАХ.

    Ответить

    • Значит, шапка напрямую прописана. Сохраняете главную страницу сайта как html с изображениями, идете в папку картинок — ищете шапку, смотрите имя — потом ищете это имя — в файле CSS стилей (в сохраненном) или в html файле — где-то точно приписано.
      Можете дать адрес сайта — я найду.

      Ответить

  16. Доброго времени суток!
    У меня вопрос,а как на Укозе можно заменить пункты меню на свое изображение.
    http://img-fotki.yandex.ru/get/4427/67521506.6/0_616ef_be209854_XXXL.jpg

    Вот пример.Вверху пункты меню,внизу изображение,какое возникло желание вставить вместо этих пунктов.
    Я понимаю,что объяснять долго,просто может есть ссылка на урок про это.

    Ответить

    • Извините, объяснять действительно долго. Проще все — делаете текстовый блок, вставляете в него нужные картинки, а на картинки — ссылки на пункты меню.

      Ответить

      • А где примерно в коде искать расположение пунктов в меню?

        И еще,как можно вставить на сайт перевод с русского на английский в виде иконок,я знаю,что это делается скриптами,но куда именно скрипты вставлять?Или может есть видео.А то даже не знаю,как правильно такой вопрос загуглить,что в гугле спрашивать?
        Вот пример,по которому хочу и себе так.Там вверху 2 значка,английский и русский.
        http://oflovestory.com/males.html

        Ответить

        • Ищите в первом-втором сайдбаре — боковом блоке, если для бокового меню, или в шапке — верхней части сайта, если для верхнего. Про перевод — у вас же должны быть переведены страницы для нормального чтения, не? Тут помочь не могу, никогда этим не занимался.

          Ответить

  17. А если припарковать к сайту юкоз домен 2-го уровня, изменится ли дизайн или останется тем же? Или его по новой придётся делать?

    Ответить

  18. А панель управления какой будет? Ведь сайтом с новым доменом не получится управлять через старую юкозовскую панель управления? Или наоборот?

    Ответить

  19. А как избавиться рекламы в правом верхнем углу? и с новым доменом она будет. Получается хостинг новый покупать?

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>