TXT0007 - Яркий эффект радуги для оформления текста (без анимации)

Коды для интеграции и настройки кнопки, адаптированные под Тильду.

СМОТРЕТЬ ДЕМОНСТРАЦИЮ ЭЛЕМЕНТА НА СТРАНИЦЕ

Статичное дизайнерское решение. Никакой анимации элемента нет. Просто он оформлен в виде эффекта радуги. Красочно, ярко, красиво, атмосферно.

Элемент собран с помощью 2-х блоков кода:
- HTML-код формирует разметку элемента,
- CSS - код описывает внешний вид элемента.

Если Вы настраиваете элемент самостоятельно, в коде есть небольшие основные инструкции, ориентирующие, как элемент интегрировать. Для настройки Вам понадобятся базовые знания HTML и CSS.

Я могу помочь интегрировать и настроить элемент под Ваш дизайн. Подробнее об этом можете почитать в соседней вкладке "Как купить и получить".

Управление контентом (текст) - по инструкциям в коде html-разметки элемента.

элемент можно интегрировать в любое место на сайте. Можете заказать настройку нескольких таких элементов.

В тариф услуги настройки дизайна без изменения структуры входит настройка:

• ширины и высоты элемента
• фона элемента
• текста: шрифт, цвет, толщина, размер и т.д.

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

Коды для данной кнопки предоставляются в соседней вкладке КОДЫ абсолютно бесплатно. Копируйте, вставляйте у себя на сайте, настраивайте под свой дизайн. Если Вам нужны наши услуги по настройке, оформите заказ кнопки, включая соответствующие опции.

В остальных случаях порядок заказа элементов как описано ниже.

- Как купить?

- Заказать и оплатить удобным способом из предложенных.

- Когда получу?

- От нескольких минут (чаще всего) до 2 рабочих дней.

- Вы можете внести правки под наш дизайн?

- Да. Есть 3 тарифа:
1) отправляю коды как есть. После получения все необходимые действия по интеграции и настройке Вы осуществляете сами. Необходимы базовые знания HTML, CSS.
2) отправляю шаблон + правлю у Вас цвет, текст, шрифт, размер, ссылку. Об изменении структуры кнопки или ее эффектов здесь речь не идет.
3) пункт 2 + правки по структуре и функционалу, если нужно почти так, но чуть по-другому.

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

- Нужно несколько кнопок в таком стиле, но они внешне немного отличаются друг от друга. Как правильно оформить заказ?

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

Пример 1: Вам нужны две такие кнопки, которые внешне отличаются друг от друга или абсолютно одинаковые, не важно. И при этом Вам нужны настройки дизайна для каждой кнопки без изменения структуры. При таких условиях Вы просто кладете в корзину кнопку, добавляя также услугу по настройке дизайна нашими силами и обязательно добавляя нужное количество кнопок. Через корзину оформляете заказ, оплачиваете его. В комментариях к заказу даете пояснения, какие именно кнопки нужны.

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

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

Приведенные ниже коды необходимо написать в блоке Тильды Т123 HTML-код.

HTML-разметка элемента:

<!-- Код html-разметки элемента -->

<div class="txt0007">

<!-- Замените Roses на свой текст --><div class="txt">Roses</div>
</div>

CSS-стили элемента:

<style type="text/css">

/* Вместо #rec437794446 везде указать id блока с кодом html-разметки элемента */

#rec437794446 .txt0007 .txt {
font-size: 220px;
text-align: center;
height:300px;
color: #fcedd8;
background: #d52e3f;
font-family: 'Niconne', cursive;
font-weight: 700;
text-shadow: 5px 5px 0px #eb452b,
10px 10px 0px #efa032,
15px 15px 0px #46b59b,
20px 20px 0px #017e7f,
25px 25px 0px #052939,
30px 30px 0px #c11a2b,
35px 35px 0px #c11a2b,
40px 40px 0px #c11a2b,
45px 45px 0px #c11a2b;
}

</style>