Шаблон:BgSmart

Материал из Altermed Wiki
Перейти к навигации Перейти к поиску
Документация (для шаблона, который находится выше, иногда он невидим)

Шаблон предназначен для выделения текста. Шаблон

{{bgSmart|цвет фона|текст}}

выдаёт текст заданным цветом фона. При этом в отличие от {{safesubst:#invoke: Template call code | withoutParams }} этот шаблон сам выбирает цвет текста, который на этом фоне будет более контрастным. По умолчанию шаблон рассматривает две возможности: стандартные цвета (разные для текста и для ссылок) или белый цвет (и для текста, и для ссылок). Вместо белого цвета можно задать другой цвет, используя параметр color. Стандартные цвета можно заменить на один цвет, задав параметр color2.

Использование[править код]

{{bgSmart|цвет фона|текст|color=первый цвет для текста|color2=второй цвет для текста}}

выдаёт текст используя цвет фона и используя один из двух цветов, заданных необязательными параметрами color и color2, при этом из этих двух цветов он выбирает тот, который будет иметь большую контрастность с цветом фона (используя {{safesubst:#invoke: Template call code | withoutParams }}). Если не задан параметр color, то берётся белый цвет ("white"). Если не задан параметр color2, то текст будет стандартного цвета («красные» ссылки будут красными, «синие» синими, и т. д.).

Для использования для ссылок, этот шаблон должен быть помещён внутри ссылки (а не наоборот):

[[Викиссылка|{{bgSmart|цвет фона|текст}}]]

Примеры[править код]

Вики код Не ссылка Существующая
ссылка
Несуществующая
ссылка
Примечания
{{bgSmart|Beige|текст}} <span style="background-color: Beige; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Beige; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Beige; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст выбраны стандартные цвета
{{bgSmart|Gray|текст}} <span style="background-color: Gray; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Gray; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Gray; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст выбран белый цвет
{{bgSmart|Blue|текст|color=gold}} <span style="background-color: Blue; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Blue; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Blue; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст выбран цвет color
{{bgSmart|Orange|текст|color=gold}} <span style="background-color: Orange; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Orange; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Orange; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст выбраны стандартные цвета
{{bgSmart|Blue|текст|color=gold|color2=Navy}} <span style="background-color: Blue; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Blue; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Blue; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст выбран цвет color
{{bgSmart|Orange|текст|color=gold|color2=Navy}} <span style="background-color: Orange; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Orange; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст <span style="background-color: Orange; color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration: inherit; -moz-text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»; text-decoration-color: Ошибка выражения: неопознанный символ пунктуации «{»;">текст выбран цвет color2

Ограничения[править код]

  • Параметр текст не должен содержать ссылку, иначе цвет ссылки не будет меняться:
{{#invoke:Example|main}}
Используйте ссылку вне шаблона:
{{#invoke:Demo|main}}
  • Чтобы использовать этот шаблон в таблице, цвет для ячейки таблицы надо указывать отдельно, иначе покрашена будет не вся ячейка.
Вики-текст Результат
main}}
  • Шаблон выбирает стандартные цвета для текста или цвет color вне зависимости от в зависимости от того ссылка это или нет. Его выбор может быть не всегда оптимален.
  • Старайтесь избегать использование этого шаблона! Стандартные цвета — смотрятся хорошо для всех, а страницы, оформленные с использованием нестандартных цветов, могут по-разному выглядеть на разных компьютерах, у пользователей с персональными настройками стиля, они могут быть вообще не видны для дальтоников и могут просто раздражать других пользователей. Использование этого шаблона не гарантирует соблюдение ВП:Цвет.

См. также[править код]

  • {{safesubst:#invoke: Template call code | withoutParams }}
    • {{safesubst:#invoke: Template call code | withoutParams }} — аналог для ячеек таблиц (перекрывает цвет ячейки, жестко заданный шаблономпример)
  • {{safesubst:#invoke: Template call code | withoutParams }}
  • {{safesubst:#invoke: Template call code | withoutParams }}
  • {{safesubst:#invoke: Template call code | withoutParams }}
  • {{safesubst:#invoke: Template call code | withoutParams }}
  • {{safesubst:#invoke: Template call code | withoutParams }}
  • ВП:Цвет — правило по использованию цветовых схем и способ проверки контрастности
  • {{safesubst:#invoke: Template call code | withoutParams }} — пример, где этот шаблон используется (посредством {{safesubst:#invoke: Template call code | withoutParams }})

Посетите Шаблон:BgSmart/doc, чтобы править этот текст. (Как это работает?)