1. Как изменить шапку сайта?
Верхняя часть шаблона состоит надписи названия сайта и меню.
Чтобы изменить название требуется перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта. Вам потребуется 3 строчка кода:
<a class="logo-lnk" href="$HOME_PAGE_LINK$"><!-- <logo> -->Мой сайт<!-- </logo> --></a>
где «Мой сайт» – вы можете изменить на любой свой текст.
Если же вместо текста Вы хотите разместить изображение, тогда в этой же строке вместо «Мой сайт» пропишите код:
<img src="ссылка на логотип">
где «ссылка на логотип» – пропишите ссылку, которую вы можете получить, осуществляя:
1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку
Изменить фон шапки сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к ___ строке кода:
– фон шапки сайта. Его можно изменить на любой другой html-цвет.
2. Как изменить фон шаблона?
Чтобы изменить фоновое изображения, перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найдите там 31 строку:
body.base{border:0;background:#211d1b url(/.s/t/1714/book.jpg) no-repeat center 0;background-attachment:fixed}
/.s/t/1714/book.jpg – является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.
3. Как изменить изображение и текст в верхней части сайта?
Для того, чтобы сменить картинку в верхней части сайта, необходимо перейти в Панель управления → Дизайн → Редактор → PROMO. Вам потребуется 4 строчка кода:
<img src="/.s/t/1714/women.png" alt="photo">
где /.s/t/1714/women.png – является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта. Для изменения текста вам понадобится строка 8-9:
<h1>Lorem ipsum dolor sit amet</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ut euismod sem. Proin ultricies, justo in scelerisque vehicula, nisl lorem euismod quam, eu varius nulla lectus sed felis. Integer feugiat lectus est, ut fermentum eros auctor at. Ut dictum et nisl sit amet aliquam. </p>
Измените кнопку в строке 11:
<a href="#" class="info-btn">More</a>
где More – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.
Для изменения фона за текстом перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти 63 строку:
.information-wrapper{display:flex;background-color:#3e4b7d;color:#fff}
#3e4b7d – фон блока с текстом. Его можно изменить на любой другой html-цвет.
4. Как сделать, чтобы промо-блок отображался не только на главной странице?
По желанию, вы можете изменять условие для вывода промо-блок на различных страницах вашего сайта.
Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц модулей в условии
<?if($PAGE_ID$='sitePage1')?> <?endif?>
или добавить условие для вывода в нужных модулях:
<?if($MODULE_ID$='forum')?> <?endif?>
Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.
5. Как изменить цвет блоков?
Чтобы изменить фон правого блока нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 42 строке кода:
aside{-webkit-box-flex:2;-ms-flex:2 1 10px;flex:2 1 10px;background-color:#f0f0f0;padding:30px 0;border-left:1px solid #d6d6d6;max-width:315px}
#f0f0f0 – фон правого блока сайта. Его можно изменить на любой другой html-цвет.
6. Какой цвет основных элементов сайта?
Цветом цветом основных элементов сайта является #02ab84.
Если требуется сменить цветовую гамму, то воспользуйтесь заменой #02ab84 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.
Ucoz.ru – один из наиболее часто используемых бесплатных хостингов, привлекающих веб-мастеров своими возможностями, которые существенно превышают возможности других бесплатных хостингов. Имея сайт на ucoz, вы можете редактировать его дизайн и изменять оформление, а также менять шапку сайта. Заменить изображение в шапке сможет как опытный, так и начинающий веб-мастер, имеющий основные знания в области HTML и CSS.
Инструкция
Подготовьте изображение, которым вы хотите заменить имеющуюся в шапке картинку. Создайте на сервере папку Images и загрузите в нее ваше изображение, предварительно изменив ее размер, чтобы тот соответствовал размеру шапки. Оптимизируйте изображение для публикации в интернете – картинка не должна много весить, она должна иметь формат jpg, png или gif.
Откройте свой файл-менеджер и скопируйте путь к изображению, выложенному на сервере, который должен быть следующего вида: http:/ваш сайт.ru/images/mypicture.jpg.
Теперь обратите внимание на шаблон главной страницы вашего сайта. В его верхней части найдите тег , где image – это путь к изображению старой шапки, находящемуся на сервере.
Измените ссылку в кавычках на новую, соответствующую выбранному изображению. После этого обновите главную страницу своего сайта и посмотрите, что получилось.
В некоторых случаях изображение устанавливается сразу, и не нарушает структуру страницы. Если же вы увидели, что шапка после загрузки нового изображения сместилась, или картинка не подходит по размеру, снова заходите в раздел редактирования страницы и дополняйте шапку кодами HTML, изменяя размеры, рамки и выравнивание картинки, чтобы она наилучшим образом подходила к форме шапки сайта.
Разобравшись с редактированием верхнего изображения для главной страницы, в дальнейшем вы сможете реализовывать свои творческие идеи и в более сложных аспектах оформления своего сайта.
Обратите внимание
Как изменить шапку. желательно иметь mozila firefox! Сначала посмотрите, как сделали мы. пункт первый и берем ссылку шапки, которая стоит стандартно на вашем сайте 6) в таблице стилей css ищем эту ссылку и меняем её на ссылку вашей новой шапки(надеюсь, как брать ссылку новой шапки вы знаете). Так же можно заменять на сайте ucoz фон сайта, блоки и т.д.
Полезный совет
Вы все еще не знаете, как изменить шапку сайта ucoz или подобрать размер шапки ucoz? Прежде, чем вы приступите к смене шапки сайта, вам нужно узнать её размеры. Потом смело меняйте шапку, всегда будет возможность вернуть старый шаблон. Зайдите в панель управления сайта ucoz, используя админ-бар. Выберите Редактор страниц, далее Управление дизайном модуля. Далее заходите в Глобальные блоки и выбираете Верхняя часть сайта.
Источники:
- как изменить свой сайт ucoz
- Как сделать шапку сайта кликабельной
Войти на сайт
или
Забыли пароль?
Еще не зарегистрированы?
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Когда создавал сайт, выбрал себе хостинг на 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 кода, разумеется, пропадут.
Мой блог находят по следующим фразам
- имя подписчикам в feedburn
- как создать контент бесплатно
- как сделать язык в союзе
- запись Читать дальше.. wordpress
- дешево получить тиц
- создание сайта за 5минут