ссылки

ООО Кирин является официальным дилером по поставкам высокотемпературных синтетических теплоносителей Marlotherm
ТопДоски

Как установить мессенджер MAX на сайт

Для создания иконки мессенджера Max на сайте вам понадобится:

Иконка (изображение в формате SVG, PNG или ICO).
HTML‑код для размещения иконки и ссылки.
CSS (опционально) для стилизации и позиционирования.

Шаг 1. Подготовка иконки

Скачайте иконку Max в подходящем формате:

Ищите на официальных ресурсах Max или стоках (например, iconfinder.com, flaticon.com).
Оптимальный формат — SVG (масштабируемый без потерь) или PNG (с прозрачным фоном).
Рекомендуемый размер: 24×24 px, 32×32 px или 48×48 px.

Сохраните файл в папку вашего сайта (например, images/max-icon.svg).

Шаг 2. HTML‑код

Вставьте код в нужное место шаблона сайта (например, в шапку, подвал или боковую панель):

html

<a href="https://max.ru/your-profile-link" 
   title="Написать в Max"
   class="max-icon-link"
   target="_blank"
   rel="noopener">
  <img src="images/max-icon.svg"
       alt="Написать в мессенджер Max"
       class="max-icon">
</a>

Пояснения:

href — замените на вашу ссылку в Max (например, https://max.ru/ivan_ivanov).
title — всплывающая подсказка при наведении.
target="_blank" — открывает ссылку в новой вкладке

Шаг 3. CSS (опционально)

Добавьте стили, чтобы иконка выглядела аккуратно:

css

.max-icon-link {
  display: inline-block;
  margin: 5px;
  padding: 5px;
}

.max-icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

.max-icon-link:hover .max-icon {
  transform: scale(1.1);
}

Что делает CSS:

display: inline-block — позволяет задать отступы и padding.
width и height — фиксированный размер иконки.
Вариант с SVG‑иконкой (без файла изображения)
vertical-align: middle — выравнивание по центру строки.
Эффект наведения (hover) — иконка слегка увеличивается при наведении курсора.

Вариант с SVG‑иконкой (без файла изображения)

Если хотите встроить SVG прямо в HTML (без отдельного файла):html

Примечание: замените d в <path> на реальные координаты SVG‑иконки Max (получите их из официального SVG‑файла).

Ссылка Max. Убедитесь, что ссылка ведёт на ваш профиль или чат в Max (формат: https://max.ru/ваш_логин).
Путь к иконке. Проверьте, что src указывает на правильное расположение файла (например, ./images/max-icon.svg).
Адаптивность. Для мобильных устройств добавьте медиа‑запросы в CSS, если нужно изменить размер иконки.
Доступность. Используйте alt-текст и title для доступности и SEO.

Итоговый пример

html

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Мой сайт</title>
  <style>
    .max-icon-link {
      display: inline-block;
      margin: 10px;
    }
    .max-icon {
      width: 32px;
      height: 32px;
    }
  </style>
</head>
<body>
  <footer>
    <p>Свяжитесь с нами:</p>
    <a href="https://max.ru/my-profile"
       title="Написать в Max"
       class="max-icon-link"
       target="_blank"
       rel="noopener">
      <img src="images/max-icon.svg"
           alt="Написать в мессенджер Max"
           class="max-icon">
    </a>
  </footer>
</body>
</html>

О маслах-теплоносителях( термомасла) JAROTHERM DBT MarlothermSH( марлотерм)

ссылки

Шаг 1. Подготовка иконки

Шаг 2. HTML‑код

Шаг 3. CSS (опционально)

Вариант с SVG‑иконкой (без файла изображения)

Вариант с SVG‑иконкой (без файла изображения)

Итоговый пример

Новости