Меню

Шаблоны шапок для юкоз



База знаний uCoz

1. Как изменить шапку сайта?

Верхняя часть шаблона состоит из надписи названия сайта, иконок социальных сетей и пунктов меню.

Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.

Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 5 строку кода:

и вместо $SITE_NAME$ пропишите:

где «ссылка на логотип» – пропишите ссылку, которую вы можете получить, осуществляя:

1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)

2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.

Для указания своих ссылок к социальным сетям перейдите к строкам 34-41:

Изменить фон шапки сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 44 строке кода:

#fff – фон шапки сайта. Его можно изменить на любой другой html-цвет.

2. Как изменить промо-страницу?

Для редактирования промо-страницы нужно перейдите в Панель управления → Дизайн → Редактор → PROMO.

Данная страница состоит из 7 так называемых блоков, изменение которых рассмотрим далее.

Обратите внимание, на то, что каждое изменяемое изображение вам необходимо предварительно загрузить в Файловый менеджер сайта. Также некоторые из блоков состоят з информеров, для корректной работы которых необходимо подключить соответствующий модуль. Более детально о том что такое информер вы можете ознакомится в инструкции.

В первом блоке можно изменить изображение, текст и кнопку для перехода к материалу в строках 3-14:

вместо /.s/t/1802/promo.jpg — укажите свою ссылку на свое изображение.

2.1 Какой размер изображения должен быть в первом блоке?

Размер изображения должен быть 1256х635.

Изменить название данного блока можно в строке 17:

Далее к каждому пункту можно изменить иконку, заголовок с ссылкой для перехода и описание:

В данном блоке изображение изменяется в строке 47:

Вместо “/.s/t/1802/about.jpg» укажите свою ссылку на свое изображение.

Заголовок и текст изменяется в строках 50-54:

Для изменения фона за текстом вам требуется перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Здесь перейдите к 81 строке кода:

#f1f1f1 – это и есть цвет блока. #f1f1f1 можете заменить на любой другой цвет html.

2.2 Какой размер изображения должен быть в 3-м блоке?

Размер изображения должен быть 631х415.

Данный блок содержит слайдер с 6-тью информационными карточками.

Заголовок измените в строке 59:

Для каждого информационного блока строки 59-102, можно изменить изображение и заголовок с описанием:

Вместо “/.s/t/1802/services_01.jpg» укажите свою ссылку на свое изображение.

2.3 Какой размер изображения должен быть в 4-м блоке?

Размер изображения должен быть 365х340.

Заголовок измените в строке 122:

Данный блок содержит информационный слайдер.

По аналогии с предыдущими слайдерами Вы можете изменить изображение слайдера и его текст:

Превью к слайдам измените в строках 183-186 указав свои ссылки на изображения.

2.4 Какой размер изображения должен быть в 5-м блоке?

Размер изображения главного (большого фото) должен быть 1500х1000. Размер превью (меньших фото немного ниже) 157х106.

Данных два блока является информерами модуля “Новости” и последних комментариев на сайте соответственно. Для их корректной работы вам необходимо в Панели Управления подключить модуль “Новости” и разрешить оставлять комментарии, после чего здесь будут транслироваться последние добавленные материалы и комментарии.

Если вы желаете изменить «Вид информера» перейдите в раздел «Инструменты» — «Информеры», где выберите необходимый информер и измените его.

Также вы можете удалить данный блок если не желаете использовать этот модуль. Найдите строки 199-221, 222-239 и удалите их.

3. Как изменить фон шаблона?

Чтобы цвет фона, перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найдите там 7 строку:

#f4ffe9 – является цветом фона. Вместо него можно указать свой цвет или ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.

3.1 Как фон сайта сделать фиксированным?

Перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найдите там 7 строку:

4. Как изменить цвет блоков?

Чтобы изменить фон правого блока нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 42 строке кода:

и добавить в список сss cвойство:

где #000 — цвет фона. Его можно изменить на любой другой html-цвет.

Читайте также:  Растает ли снеговик под шубой

5. Как изменить нижнюю часть сайта?

Нижняя часть сайта не имеет каких либо особенностей. В правом углу расположены иконки социальных сетей, для их изменения перейдите в Панель управления → Дизайн → Редактор → Нижняя часть, где в строках 9-16 укажите свои ссылки на аккаунты в социальных сетях:

6. Как изменить фон активных пунктов меню?

Чтобы изменить фон активного пункта меню нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 118 строке кода:

#26bf66 — это текущий цвет который вы можете изменить на тот который считаете нужным.

6.1 Как изменить фон неактивных пунктов меню?

Чтобы изменить фон неактивных пунктов меню нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 130 строке кода:

которую нужно заменить на:

после чего код цвета #12b2e2 замените на тот, который вам нужен.

7. Как изменить цвет кнопок на сайте?

Вам нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 416-418-419 строкам кода:

  • #26bf66, #33d577 и #23b05e являются текущим цветом кнопок который вы можете заменить на нужный вам (1 строка это просто фон кнопок, вторая строка это цвет кнопок при наведении и третья строка цвет активных кнопок).
  • То что выделено синим цветом, это толщина рамки вокруг кнопок и цвет рамки который так же можете заменить на какой хотите.

8. Как изменить цвет кнопок переключателя страниц?

Вам нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 278-280-281 строкам кода:

#26bf66 — это текущий цвет кнопок переключателя, замените на нужный вам если в этом есть необходимость.

9. Как изменить цвет ссылок на сайте?

Вам нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 11-12 строкам кода:

  • #097546 — это общий цвет ссылок
  • #26bf66 — это цвет ссылок при наведении

10. Как добавить второй контейнер и можно ли?

10.1. Перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки.

10.2. Далее жмем кнопку «Добавить«, в поле «Код (ID)» пропишите название блока «DRIGHTER» и нажмите кнопку Сохранить. После сохранения изменений у вас в левой колонке отобразится блок с названием «Второй контейнер«.

10.3. Чтобы в дальнейшем была возможность добавлять блоки в контейнер, нам нужно выполнить еще немного работы, а именно, вручную добавить один блок пробный в второй контейнер.

Для этого нам достаточно перейти Панель управления → Дизайн → Редактор → Глобальные блоки → Первый контейнер, скопируйте с него код первого блока (обычно это блок корзина).

Далее перейдите во второй контейнер и вставьте там такой код:

и сохраните изменения.

Нам данный блок нужен лишь для начала, чтобы мы смогли в второй контейнер с помощью конструктора начать добавлять блоки. Если пробный блок не добавить, контейнер будет пустой, в результате с помощью конструктора первый блок никак не добавите, должен быть один пробный, после добавления своего второго, вы этот пробный сможете легко удалить.

10.4. Далее нужно пройтись по страницам шаблонам всех активных модулей и найти код:

перед которым установить такой код:

в результате должно получиться так:

сохраните изменения, практически готово.

После этого можете пользоваться вторым контейнером и добавлять в него блоки. Если у вас возникают сложности, свои вопросы вы можете задавать на https://www.ucoz.ru/qa/index.php/ask

11. Какой цвет основных элементов сайта?

Основным цветом элементов сайта является #26bf66

Если требуется сменить цветовую гамму, то воспользуйтесь заменой #26bf66 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.

Источник

База знаний uCoz

1. Как изменить шапку сайта?

Верхняя часть шаблона состоит надписи названия сайта и меню.

Чтобы изменить название требуется перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта. Вам потребуется 3 строчка кода:

где «Мой сайт» – вы можете изменить на любой свой текст.

Если же вместо текста Вы хотите разместить изображение, тогда в этой же строке вместо «Мой сайт» пропишите код:

где «ссылка на логотип» – пропишите ссылку, которую вы можете получить, осуществляя:

1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)

2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку

Читайте также:  Вязаная спицами шаль ностальгия

Изменить фон шапки сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к ___ строке кода:

– фон шапки сайта. Его можно изменить на любой другой html-цвет.

2. Как изменить фон шаблона?

Чтобы изменить фоновое изображения, перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найдите там 31 строку:

/.s/t/1714/book.jpg – является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.

3. Как изменить изображение и текст в верхней части сайта?

Для того, чтобы сменить картинку в верхней части сайта, необходимо перейти в Панель управления → Дизайн → Редактор → PROMO. Вам потребуется 4 строчка кода:

где /.s/t/1714/women.png – является ссылкой на данное изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта. Для изменения текста вам понадобится строка 8-9:

Измените кнопку в строке 11:

где More – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.

Для изменения фона за текстом перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего необходимо найти 63 строку:

#3e4b7d – фон блока с текстом. Его можно изменить на любой другой html-цвет.

4. Как сделать, чтобы промо-блок отображался не только на главной странице?

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

Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц модулей в условии

или добавить условие для вывода в нужных модулях:

Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.

5. Как изменить цвет блоков?

Чтобы изменить фон правого блока нужно перейти в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 42 строке кода:

#f0f0f0 – фон правого блока сайта. Его можно изменить на любой другой html-цвет.

6. Какой цвет основных элементов сайта?

Цветом цветом основных элементов сайта является #02ab84.

Если требуется сменить цветовую гамму, то воспользуйтесь заменой #02ab84 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.

Источник

База знаний uCoz

1. Как изменить шапку сайта?

Верхняя часть шаблона состоит из 2 частей.

Блок с формой поиска, ссылок на страницы авторизации/регистрации, и иконок социальных сетей:

Изменить данный блок вы можете перейдя в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта, (строки 2-34).

Блок из надписи названия сайта и пунктов меню:

Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.

Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 37 строку кода:

и вместо $SITE_NAME$ пропишите:

где «ссылка на логотип» – пропишите ссылку, которую вы можете получить, осуществляя:

  1. Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
  2. После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.

Чтобы изменить цвет верхнего блока шапки сайта, нужно перейти в редактор CSS шаблона (Панель управления → Дизайн → CSS) и найдете css-правило:

где для свойства background укажите нужный цвет и картинку для нижнего бордера:

2. Как изменить промо-блок?

Для редактирования промо-страницы нужно перейдите в Панель управления → Дизайн → Редактор → PROMO.

Если удалить условие то PROMO будет отображаться на всех страницах сайта.

Чтобы изменить фоновое изображение PROMO перейдите Панель управления → Дизайн → CSS найдите css-правило:

и в свойстве background укажите ссылку на нужную вам картинку в атрибуте url(ссылка на ваше фоновое изображение).

Аналогичным способом вы можете изменить и фоновое изображение контейнера в котором содержится текстовый контент:

найдите в таблице стилей шаблона css-правило:

3. Как изменить фон шаблона?

Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется найти css-правило:

#ffffff; – фон сайта. Его можно изменить на любой другой html-цвет.

4. Как изменить цвет блоков?

Для редактирования дизайна блоков sidebar перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), найдите css-правило:

Читайте также:  Шапка бини лицевой гладью спицами для женщин с описанием

#ffffff – это и есть цвет блока. #ffffff можете заменить на любой другой цвет html. Аналогичным способом вы можете изменить тень блоков(box-shadow) и линии (border) блока в указанном выше css-правиле.

5. Как изменить нижнюю часть сайта?

Изменить фон нижней части сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). найдите css-правило:

#ff9818 — цвет фона, Вы можете заменить на любой другой цвет, при этом вам также нужно будет изменить цвет верхней линии блока в таблице стилей найдите css-правило:

где вместо /.s/t/1811/foot-bg.png укажите ссылку на нужный вид вашего бордера.

6. Какой основной цвет сайта?

Основным цветом сайта является #ff9818

Если требуется сменить цветовую гамму, то воспользуйтесь заменой #ff9818 на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS. Аналогичным способом вы можете заменить другие второстепенные цвета сайта.

Источник

База знаний uCoz

1. Как изменить шапку сайта?

Верхняя часть шаблона состоит из формы поиска, иконок социальных сетей, ссылок на страницы авторизации/регистрации, названия сайта и пунктов меню.

Чтобы изменить верхнюю часть сайта перейдите в в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта

Укажите ссылки на свои социальные сети в строках 23-30:

Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.

Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 48 строку кода:

и вместо $SITE_NAME$ пропишите:

где «ссылка на логотип» – пропишите ссылку, которую вы можете получить, осуществляя:

1) Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)

2) После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.

Чтобы изменить фон шапки сайта, перейдите в Панель управления → Дизайн → Редактор → Таблица стилей (CSS), после чего найдите там 89 строку:

#1d2436 – является цветом верхней части сайта. Его можно изменить на любой другой html-цвет.

2. Как изменить промо-блок?

Промоблок состоит из слайдера, для того, чтобы изменить его, необходимо перейти в Панель управления → Дизайн → Редактор → Глобальные блоки → PROMO.

Слайдер состоит из 3 слайдов. Вам необходимо найти строки 2-52, где для каждого слайда можно изменить:

где /.s/t/1807/1.jpg – является ссылкой на изображение. Вместо него можно указать свою ссылку на свое изображение, предварительно загрузив его в Файловый менеджер сайта.

Заголовок, описание и кнопку для перехода к материалу и изображение:

где More – вы можете изменить на любой свой текст, а вместо # укажите ссылку для перехода.

Для изменения превью следующего слайда перейдите к строкам 47-51 и укажите свои ссылки на изображения:

3. Как сделать, чтобы слайдер отображался не только на главной странице?

По желанию, вы можете изменять условие для вывода слайдера на различных страницах вашего сайта.

Для этого необходимо перейти в Панель управления → Дизайн → Редактор → PROMO в 1 строке указать ID необходимых страниц модулей в условии

или добавить условие для вывода в нужных модулях:

Также вы можете удалить данные условные операторы для отображения во всех модулях и страницах.

4. Как изменить фон шаблона?

Изменить фон сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 29 строке кода:

#0f131c – фон сайта. Его можно изменить на любой другой html-цвет.

5. Как изменить цвет блоков?

Блоки не имеют изображений или каких-то других особенностей. Цвет блоков зависит от фона сайта.

6. Как изменить нижнюю часть сайта?

Для изменения нижней части перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Нижняя часть сайта.

Она состоит из иконок социальных сетей, перейдите к строкам 10-17 и замените ссылки на свои:

Изменить фон нижней части сайта можно в Панель управления → Дизайн → Редактор → Таблица стилей (CSS). Вам потребуется перейти к 285 строке кода:

#1d2436 – фон нижней части сайта. Его можно изменить на любой другой html-цвет.

7. Какой цвет основных элементов сайта?

Цветом цветом основных элементов сайта является #fea32e.

Если требуется сменить цветовую гамму, то воспользуйтесь заменой #fea32e на любой свой html-цвет, используя замену внутри шаблона Таблица стилей CSS.

Источник