HTML тег <header>
Тег <header> определяет верхний колонтитул, “шапку” страницы или раздела. В этой части обычно содержится логотип, навигационное меню, форма поиска по сайту и т.д.
Тег <header> новый элемент в HTML 5. В HTML документе допускается использование нескольких элементов <header>, которые могут располагаться в любой его части.
Синтаксис
Содержимое тега пишется между открывающим (<header>) и закрывающим (</header>) тегами.
Дизайн #1811
Изменить данный блок вы можете перейдя в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта, (строки 2-34).
Блок из надписи названия сайта и пунктов меню:
Название вашего сайта — текст, который будет отображаться в переменной $SITE_NAME$. Чтобы изменить его требуется перейти в Панель управления → Настройки → Общие настройки и изменить поле “Название вашего сайта” на необходимое.
Если же вместо текста нужно изображение тогда перейдите в Панель управления → Дизайн → Редактор → Глобальные блоки → Верхняя часть сайта найдите 37 строку кода:
и вместо $SITE_NAME$ пропишите:
где "ссылка на логотип" – пропишите ссылку, которую вы можете получить, осуществляя:
- Логотип загружается в файловый менеджер сайта (Панель управления → Инструменты.)
- После загрузки изображения, просто кликните на название изображение и вы получите заветную ссылку.
Чтобы изменить цвет верхнего блока шапки сайта, нужно перейти в редактор CSS шаблона (Панель управления → Дизайн → CSS) и найдете css-правило:
где для свойства background укажите нужный цвет и картинку для нижнего бордера:
2. Как изменить промо-блок?
Для редактирования промо-страницы нужно перейдите в Панель управления → Дизайн → Редактор → PROMO.
Если удалить условие <?if($PAGE_ID$='sitePage1')?><?endif?> то 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. Аналогичным способом вы можете заменить другие второстепенные цвета сайта.
Как задать цвет заголовку?
Подскажите, какой контейнер или атрибут тега задает цвет заголовку?
Чтобы задать цвет — color .
Обратите внимание на ответ @entithat, на такой способ внесения стилей, это один из способов, он тоже верный. Также можно внести изменения в стили с помощью JavaScript.
Если вам зачем-то нужен именно атрибут или контейнер (обозреватель древний или движок оформления не поддерживает CSS), можете воспользоваться тегом <font> . Однако:
сейчас принято разделять структуру документа и его оформление, поэтому настоятельно рекомендуется перейти на стили при первой же возможности (как указано в других ответах),
новые стандарты (HTML5 и будущие) не поддерживают теги, подобные <font> . Даже HTML4 поддерживает этот тег только в переходной версии (из-за чего в примере ниже пришлось явно прописать необходимый doctype).
К слову, <font> позволяет задать цвет не только заголовку, но вообще любому фрагменту текста. Однако он должен быть размещён внутри блочного тега ( <hN> , <p> и т. д.). То есть комбинация <h1><font> корректна, а <font><h1> — уже нет (тег заголовка автоматически закроет предшествующий тег).
Как поменять цвет шапки сайта в html
Вообще. мне самому стало интересно, а какой цвет заголовков по умолчанию(я, конечно, предполагаю, что это самый не наесть черный).
Первое, что мы сделаем. Если мы попробуем узнать — какой цвет заголовка по умолчанию(свойство тегов по умолчанию).
И мы увидим на скрине, что по умолчанию нет никакого цвета у заголовка смайлы , что автоматически означает самый черный. Но ведь мы хотим точно узнать!
Узнаем цвет заголовка по умолчанию
Как узнать цвет заголовка по умолчанию? Для этого вам понадобится:
Выбираем любой тег на странице(кроме заголовка).
Если у него нет цвет — задаем цвет.
Слева видим пипетку(она может включаться автоматически).
Теперь наводим на заголовок и кликаем по нему.
Как видим цвет заголовка.
Что означает — просто черный цвет «black»
Изменим цвет в тега заголовка
Как можно изменить цвет заголовка? Как вы наверное знаете, что есть «3 способа css», поэтому далее вам понадобится:
Нам потребуется один из тегов заголовка-пусть это будет h2.
Во внутрь первого открывающего тега добавим attribute style с пусть это будет цвет red
Далее выведем собранный код:
Видим, что наш цвет заголовка изменился на наш — красный цвет.
Цвет заголовка
Изменение цвета заголовка классом
В нашем случае нас интересует цет заголовка — вам понадобится:
Вам «опять» потребуется один из тегов заголовка-пусть это будет h2.
Про атрибуты я уже сказал — у нас это будет атрибут класса. С произвольным значением пусть это будет «example».
Далее нам потребуется прописать стили(цвет) — у нас будети происходить изменение цвета заголовка в теге style