Фон html: Как сделать фон в html: порядок действий

Разное 

Изменение фона сообщения — служба поддержки Майкрософт

Outlook для Microsoft 365 Outlook 2021 Outlook 2019 Outlook 2016 Outlook 2013 Outlook 2010 Outlook 2007 Дополнительно…Меньше

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

Добавление цвета фона, градиента, текстуры, узора или изображения

  1. Начните писать сообщение и нажмите Параметры > Цвет страницы .

  2. org/ListItem»>

    Выберите цвет или щелкните

    Дополнительные цвета , чтобы получить дополнительные параметры. Чтобы удалить цвет, нажмите Нет цвета .

  3. Если вы хотите добавить градиент, текстуру, узор или рисунок, щелкните Эффекты заливки .

  4. Выберите нужные параметры заполнения.

Цвет градиента, текстуры или рисунка основан на цвете, выбранном на шаге 2.

Добавить фоновый цвет, градиент, текстуру, узор или изображение

    org/ItemList»>

  1. На вкладке Параметры в группе Темы выберите Цвет страницы .

  2. Выполните одно из следующих действий:

    • Выберите цвет в палитре Theme Colors или Standard Colors .

    • Выберите Больше цветов , чтобы получить более подробную палитру.

    • org/ListItem»>

      Выберите Без цвета , чтобы удалить любой цвет.

  3. Выберите Эффекты заливки , чтобы добавить градиент, текстуру, узор или изображение, а затем выберите нужные параметры заливки.

    Примечание. Если вы выбрали цвет на шаге 2, градиент, текстура или узор будут основаны на этом цвете.

Добавление цвета фона, градиента, текстуры, узора или изображения

  1. На вкладке Параметры сообщения в группе Темы щелкните Цвет страницы .

  2. Щелкните цвет на палитре Theme Colors

    или Standard Colors . Чтобы удалить цвет, нажмите Нет цвета .

  3. Если вы хотите добавить градиент, текстуру, узор или рисунок, щелкните Эффекты заливки .

  4. Выберите нужные параметры заливки.

    Совет: Цвет градиента, текстуры или узора зависит от цвета, выбранного на шаге 2.

HTML Theming — Документация Sphinx

Sphinx предоставляет ряд компоновщиков для HTML и форматов на основе HTML.

Строители

Todo

Заполняется при разделении документа «Builders».

Темы

Новое в версии 0.6.

Примечание

В этом разделе содержится информация об использовании уже существующих тем HTML. Если вы хотите создать свою собственную тему, см. Разработка темы HTML.

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

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

Использование темы

Использование темы, поставляемой со Sphinx, очень просто. Поскольку эти не нужно устанавливать, нужно только установить html_theme значение конфигурации. Например, чтобы включить классическую тему , добавьте следующее: к

conf.py :

 html_theme = "классический"

Вы также можете установить параметры для конкретной темы, используя html_theme_options значение конфигурации. Эти параметры обычно используются для изменения внешнего вида тема. Например, чтобы разместить боковую панель справа и черный фон для панели отношений (панель с навигационными ссылками в вверху и внизу страницы), добавьте следующие конфиг.py :

 html_theme_options = {
    "правая боковая панель": "правда",
    "relbarbgcolor": "черный"
}

Если тема не поставляется со Sphinx, она может быть в двух статических формах или в виде Пакет Python. Для статических форм либо каталог (содержащий

theme.conf и другие необходимые файлы) или zip-файл с тем же содержание поддерживается. Каталог или zip-файл должны быть размещены там, где Sphinx может Найди это; для этого есть значение конфигурации html_theme_path . Этот может быть списком каталогов относительно каталога, содержащего conf.py , который может содержать каталоги тем или zip-файлы. Например, если у вас есть тема blue.zip в файле , то можете положить прямо в папку каталог, содержащий conf.py и используйте эту конфигурацию:

 html_theme = "синий"
html_theme_path = ["."]

Третья форма — это пакет Python. Если тема, которую вы хотите использовать, распространяется как пакет Python, вы можете использовать его после установки

 # установка пакета темы
$ pip установить sphinxjp.themes.dotted

После установки его можно использовать так же, как каталог или тема на основе zip-файла:

 html_theme = "точечный"

Для получения дополнительной информации о дизайне тем, включая информацию о при написании собственных тем обратитесь к разделу «Разработка HTML-тем».

Встроенные темы

Обзор темы

алебастр

классический

сфинксдок

свитки

назадгод

традиционный

природа

хайку

пирамида

деловой стиль

Sphinx поставляется с набором тем на выбор.

Обратите внимание, что из этих тем доступны только темы «Алебастр» и «Свитки». оптимизирована для мобильных устройств, в других темах применяется горизонтальная прокрутка если экран слишком узкий.

Эти темы:

базовый

Это практически не стилизованный макет, используемый в качестве основы для другие темы, а также может использоваться в качестве основы для пользовательских тем. HTML содержит все важные элементы, такие как боковая панель и панель отношений. Есть эти параметры (которые наследуются другими темами):

  • боковая панель (правда или ложь): не включать боковую панель. По умолчанию Ложь .

  • ширина боковой панели (int или str): Ширина боковой панели в пикселях. Это может быть int, интерпретируемый как пиксели, или допустимый CSS. размерная строка, например «70em» или «50%». По умолчанию 230 пикселей.

  • body_min_width (int или str): минимальная ширина тела документа. Это может быть int, интерпретируемый как пиксели, или допустимый CSS. размерная строка, например «70em» или «50%». Используйте 0, если вы не хотите ограничение по ширине. Значения по умолчанию могут зависеть от темы (часто 450 пикселей).

  • body_max_width (int или str): максимальная ширина тела документа. Это может быть int, интерпретируемый как пиксели, или допустимый CSS. размерная строка, например «70em» или «50%». Используйте «none», если вы не хотите ограничение ширины. Значения по умолчанию могут зависеть от темы (часто 800 пикселей).

  • navigation_with_keys (true или false): разрешить навигацию со следующими сочетаниями клавиш:

    По умолчанию Ложь .

  • enable_search_shortcuts (true или false): разрешить переход к окну поиска с / и разрешить удаление выделения поиска с Esc .

    По умолчанию Правда .

  • globaltoc_collapse (true или false): раскрывать только подразделы текущего документа в globaltoc. html (см. html_sidebars ). По умолчанию Правда .

    Новое в версии 3.1.

  • globaltoc_includehidden (true или false): показывать даже те подразделы в globaltoc.html (см. html_sidebars ) которые были включены в флаг :hidden: toctree директива. По умолчанию Ложь .

    Новое в версии 3.1.

  • globaltoc_maxdepth (int): максимальная глубина toctree в globaltoc.html (см. html_sidebars ). Установите его на -1, чтобы разрешить неограниченная глубина. По умолчанию используется максимальная глубина, выбранная в директиве toctree.

    Новое в версии 3.2.

алебастр

Тема алебастра — модифицированная тема «Кр» Сфинкса от @kennethreitz (особенно в его проекте «Запросы»), который изначально был на основе темы @mitsuhiko, используемой для Flask и связанных проектов. Обратитесь к его страница установки для получения информации о том, как настроить html_sidebars за его использование.

классический

Это классическая тема, похожая на Python 2 документация. Его можно настроить через эти варианты:

  • rightsidebar (true or false): поместите боковую панель справа. По умолчанию Ложь .

  • stickysidebar (верно или неверно): сделайте боковую панель «фиксированной», чтобы она не прокручивается из поля зрения для длинного содержимого. Это может не сработать со всеми браузерами. По умолчанию Ложь .

  • складная боковая панель (верно или неверно): добавить экспериментальный JavaScript фрагмент, который делает боковую панель сворачиваемой с помощью кнопки сбоку. По умолчанию Ложь .

  • externalrefs (true или false): отображать внешние ссылки иначе, чем внутренние ссылки. По умолчанию Ложь .

Существуют также различные варианты цвета и шрифта, которые могут изменить цветовую схему без необходимости писать собственную таблицу стилей:

  • footerbgcolor (цвет CSS): цвет фона для строки нижнего колонтитула.

  • footertextcolor (цвет CSS): цвет текста для строки нижнего колонтитула.

  • sidebarbgcolor (цвет CSS): цвет фона для боковой панели.

  • sidebarbtncolor (цвет CSS): цвет фона для сворачивания боковой панели. Кнопка (используется, когда складная боковая панель имеет значение True ).

  • sidebartextcolor (цвет CSS): цвет текста для боковой панели.

  • sidebarlinkcolor (цвет CSS): цвет ссылки для боковой панели.

  • relbarbgcolor (цвет CSS): цвет фона для панели отношений.

  • relbartextcolor (цвет CSS): цвет текста для панели отношений.

  • relbarlinkcolor (цвет CSS): цвет ссылки для панели отношений.

  • bgcolor (цвет CSS): цвет фона тела.

  • textcolor (цвет CSS): цвет основного текста.

  • цвет связи (цвет CSS): цвет основной ссылки.

  • VisitlinkColor (цвет CSS): основной цвет для посещенных ссылок.

  • headbgcolor (цвет CSS): цвет фона для заголовков.

  • headtextcolor (цвет CSS): цвет текста заголовков.

  • цвет заголовка (цвет CSS): цвет ссылки для заголовков.

  • codebgcolor (цвет CSS): цвет фона для блоков кода.

  • codetextcolor (цвет CSS): цвет текста по умолчанию для кодовых блоков, если нет устанавливается по-разному в зависимости от стиля выделения.

  • bodyfont (семейство шрифтов CSS): шрифт для обычного текста.

  • headfont (семейство шрифтов CSS): шрифт для заголовков.

sphinxdoc

Тема, первоначально использованная в этой документации. Он имеет боковая панель с правой стороны. В настоящее время нет других вариантов, кроме nosidebar и sidebarwidth .

Примечание

В документации Sphinx теперь используется скорректированная версия темы sphinxdoc.

scrolls

Более легкая тема, основанная на документации Jinja. Следующие варианты цвета в наличии:

  • цвет заголовка

  • цвет подзаголовка

  • цвет связи

  • посещенная ссылкацвет

  • Цвет предупреждения

назадgo

Тема, созданная Энди Альбрехтом. Поддерживаются следующие параметры:

  • bodyfont (семейство шрифтов CSS): шрифт для обычного текста.

  • headerfont (семейство шрифтов CSS): Шрифт для заголовков.

  • pagewidth (длина CSS): ширина содержимого страницы, по умолчанию 70em.

  • documentwidth (длина CSS): ширина документа (без боковой панели), по умолчанию 50em.

  • sidebarwidth (длина CSS): ширина боковой панели, по умолчанию 20em.

  • rightsidebar (true or false): поместите боковую панель справа. По умолчанию Правда .

  • bgcolor (цвет CSS): цвет фона.

  • headerbg (значение CSS для «фона»): фон для области заголовка, по умолчанию сероватый градиент.

  • footerbg (значение CSS для «фона»): фон для области нижнего колонтитула, по умолчанию светло-серый градиент.

  • linkcolor (цвет CSS): цвет основной ссылки.

  • headercolor1 , headercolor2 (цвет CSS): цвета для

    и

    заголовки.

  • headerlinkcolor (цвет CSS): цвет обратной ссылки в заголовки.

  • textalign (значение CSS text-align ): выравнивание текста для тела, по умолчанию это оправдать .

природа

Зеленоватая тема. В настоящее время нет других вариантов, кроме nosidebar и sidebarwidth .

пирамида

Тема из проекта веб-фреймворка Pyramid, разработанного Блезом Лафламмом. В настоящее время нет вариантов, кроме nosidebar и sidebarwidth .

хайку

Тема без боковой панели, вдохновленная руководством пользователя ОС Haiku. Следующее поддерживаются опции:

  • full_logo (true или false, по умолчанию False ): Если это правда, заголовок будет отображать только html_logo . Используйте это для больших логотипов. Если это неверно, логотип (если он присутствует) будет показан плавающим вправо, а название документации будет помещено в заголовок.

  • цвет текста , цвет заголовка , цвет ссылки , посетил цвет ссылки , hoverlinkcolor (цвета CSS): цвета для различных элементов тела.

традиционный

Тема, напоминающая старую документацию Python. Есть в настоящее время нет вариантов, кроме nosidebar и sidebarwidth .

epub

Тема для конструктора epub. Эта тема пытается сохранить визуальное space, который является редким ресурсом для читателей электронных книг. Следующие параметры поддерживаются:

  • relbar1 (истина или ложь, по умолчанию Истина ): Если это правда, Блок relbar1 вставляется в вывод epub, в противном случае он опускается.

  • нижний колонтитул (истина или ложь, по умолчанию Истина ): Если это правда, Блок нижнего колонтитула вставляется в вывод epub, в противном случае он опускается.

bizstyle

Простая голубоватая тема. Поддерживаются следующие параметры больше nosidebar и sidebarwidth :

Новое в версии 1.3: темы «алебастр», «sphinx_rtd_theme» и «бизнесстиль».

Изменено в версии 1.3: тема «по умолчанию» была переименована в «классическую». «по умолчанию» по-прежнему доступен, однако он выдаст уведомление о том, что это псевдоним для нового «алебастровая» тема.

Сторонние темы

Для Sphinx создано множество сторонних тем.

No related posts.

Автор записи

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

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