{"draftJsState":{"blocks":[{"data":{"image":{"id":"680863bd7e92150714798326"},"contents":{"680863bd7e92150714798326":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"aopiq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эта статья позволит разместить баннер с текстом и изображением, который появится на экране с установленной вами задержкой","type":"unstyled","key":"f9u0b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"1. Вставьте в HTML-блок на странице код:","type":"unstyled","key":"c9725"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4439,"offset":0,"style":"ITALIC"}],"text":"\n\n\n","type":"unstyled","key":"4b66b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этом коде заголовок соответствует стандартным настройкам заголовка в Taplink. Если вы хотите сменить в нем шрифт, цвет и другие параметры, оберните код в секцию и настройте эти параметры там","type":"unstyled","key":"c5393"},{"data":{"image":{"id":"67ea352a099aa204a159cc45"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"72a75"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":110,"offset":0,"style":"BOLD"}],"text":"2. Вы можете заменить основной цвет и размер сетки в самом коде. Для этого найдите в коде место с таким кодом:","type":"unstyled","key":"84tau"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":212,"offset":0,"style":"ITALIC"}],"text":"--primary-color: #FF6E0A;\n --cta-color: white;\n --grid-min: 0.25rem;\n --grid-small: 0.5rem;\n --grid-medium: 0.75rem;\n --grid-standart: 1rem;\n --grid-large: 1.5rem;\n --grid-extra: 2rem;\n --min-height:3rem;","type":"unstyled","key":"bgfh4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И замените #FF6E0A на свой код цвета. white отвечает за цвет текста в кнопке, а остальные параметры отвечают за расстояние между элементами. Они составлены в соответствии с 4-х пиксельной сеткой","type":"unstyled","key":"im3m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":141,"offset":0,"style":"BOLD"}],"text":"3. Чтобы заменить задержку в появлении блока (стандартно он появляется спустя 1 секунду после загрузки страницы, найдите в коде такую строку:","type":"unstyled","key":"cp0ro"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":91,"offset":0,"style":"ITALIC"}],"text":"setTimeout(()=>{\ndocument.querySelector('.auto-popup-inner').style.display='block';\n},1000)","type":"unstyled","key":"8gp63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И замените 1000 на свою задержку в миллисекундах","type":"unstyled","key":"akaj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":80,"offset":0,"style":"BOLD"}],"text":"4. Для того, чтобы заменить ссылку в кнопке на свою, найдите в коде такое место:","type":"unstyled","key":"7o4o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":82,"offset":0,"style":"ITALIC"}],"text":"\n Перейти\n ","type":"unstyled","key":"e754d"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":14,"offset":11}],"inlineStyleRanges":[],"text":"И замените https://t.me/t на свою ссылку","type":"unstyled","key":"a6ajp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":51,"offset":0,"style":"BOLD"}],"text":"5. Для замены картинки найдите в коде такую строку:","type":"unstyled","key":"5q14j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"7j674"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И замените ссылку на картинку","type":"unstyled","key":"4ogch"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"dERMY8m6Zt76TPZmY1Bt"}],"entityMap":{"0":{"data":{"url":"https://t.me/taplinkbest"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}