Fill the form
We will contact you to confirm the details
Значения, которые были введены
Для того чтобы данная модификация работала корректно — в генераторе необходимо указать ссылку на пдф файл, который предварительно загружаешь на гугл диск. Не забудь, открыть доступ по ссылке к данному файлу.
В первое поле «Ссылка на документ в google drive» может быть в трех форматах:
Самый простой способ достать необходимую ссылку:
1. Открываешь пдф файл на гугл диске
2. В правом верхнем углу жмякаешь на знак «Другие действия» (который обозначается, как три точки расположенные вертикально)
3. Во выпадающем списке выбираешь вариант «Открыть в новом окне»
4. Копируешь ссылку в адресной строке данного пдф файла в виде
https://drive.google.com/file/d/11sAwf94Hg1VQfAiweaENtOnDKdLFT826o/view
5. Теперь переходим к настройке генератора:
6. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;
Имей в виду:
В первое поле «Ссылка на документ в google drive» может быть в трех форматах:
- https://drive.google.com/file/d/1d9OP0ezx5F6cvpUQX5_-LyA9OvGl275/view
- https://drive.google.com/file/d/1d9OP0ezx5F6cvpUQX5_-LyA9OvGl275/preview
- <iframe src="https://drive.google.com/file/d/1d9OP0ezx5F6cvpUQX5_-LyA9OvGl275/preview" width="640″ height="480″ allow="autoplay"></iframe>
Самый простой способ достать необходимую ссылку:
1. Открываешь пдф файл на гугл диске
2. В правом верхнем углу жмякаешь на знак «Другие действия» (который обозначается, как три точки расположенные вертикально)
3. Во выпадающем списке выбираешь вариант «Открыть в новом окне»
4. Копируешь ссылку в адресной строке данного пдф файла в виде
https://drive.google.com/file/d/11sAwf94Hg1VQfAiweaENtOnDKdLFT826o/view
5. Теперь переходим к настройке генератора:
- «Ссылка на документ в google drive» — вставляешь полученную ссылку на пдф файл
- «Высота окна (px)» — указываешь высоту всплывающего окна
- «Ссылка на попап» — прописываешь название ссылки через # и после укажи ее в настройках элемента, который будет открывать необходимый пдф файл во всплывающем окне (например, #popuppdf);
- «Popup: цвет фона»
- «Popup: непрозрачность фона» — выбираешь процент непрозрачности фона
- «Цвет иконки закрытия» — цвет крестика в правом верхнем углу
- «Ширина» — выбираешь ширину попапа
- Фикс для иконки 'Открыть в новой вкладке' — включите этот чекбокс, если внутри iframe «уезжает» кнопка 'Открыть в новой вкладке'
6. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;
Имей в виду:
- Рекомендуемый вес файла: не более 10МБ.
- При установке ширины поп-апа на 100% Google автоматически определяет, будет ли файл отображаться на всю ширину в iFrame.
Як на картинке
<!--NOLIM--><!--NLM098--><!--settings{"class":"imageRotation","resize_elem":"100","resize":"115","speed":"200","angle":"4","angle_elem":"0","zindex":"999","selectAnimType":"-1","overflow":"1","mediawidth":"1"}settingsend--><!--ts1741793716093ts--> <style> @media screen and (min-width: 1200px) { .t396 .imageRotation .tn-atom{ transition: transform 200ms linear!important; } .t396 .imageRotation{ transition: transform 200ms linear!important; } .t396 .imageRotation:hover{ transform: scale(100%) rotate(0deg)!important; } .t396 .imageRotation:hover .tn-atom{ transform: scale(115%) rotate(4deg)!important; } .t396 .imageRotation:hover { z-index: 999!important; } .t396 .imageRotation .tn-atom{ transition:transform 200ms cubic-bezier()!important; } .t396 .imageRotation{ transition:transform 200ms cubic-bezier()!important; } .t396 .imageRotation:hover{ animation:scale- 200ms linear!important; transform: scale(100%) rotate(0deg)!important; } .t396 .imageRotation:hover .tn-atom{ animation:scale- 200ms linear!important; transform: scale(115%) rotate(4deg)!important; } } </style> <script> (function(){ function n_ready(t) { "loading" != document.readyState ? t() : document.addEventListener ? document.addEventListener("DOMContentLoaded", t) : document.attachEvent("onreadystatechange", function() { "loading" != document.readyState && t() }) } n_ready(function(){ let a = setInterval(function(){ let elem = document.querySelectorAll('.imageRotation'); let elem_atom = document.querySelectorAll('.imageRotation .tn-atom'); if(elem.length == elem_atom.length){ clearInterval(a); elem.forEach(function(el) { el.style.overflow = "hidden"; let br = el.querySelector('.tn-atom'); br = window.getComputedStyle(br); let borderRadius = br.borderRadius; let borderWidth = br.borderWidth; let borderColor = br.borderColor; let borderStyle = br.borderStyle; let boxShadow = br.boxShadow; el.style.borderRadius = borderRadius; el.style.borderWidth = borderWidth; el.style.borderColor = borderColor; el.style.borderStyle = borderStyle; el.style.boxShadow = boxShadow; el.querySelector('.tn-atom').style.borderWidth = "0px"; el.querySelector('.tn-atom').style.boxShadow = "unset"; let b = setInterval(function() { if ((window.isFirefox || window.isOpera) && el.querySelector(".tn-atom__scale-wrapper")) { el.querySelector(".tn-atom__scale-wrapper").style.overflow = "hidden"; el.style.overflow = "auto"; let myZoom = el.querySelector(".tn-atom__scale-wrapper").style.transform.replace(/[^0-9,.]/g,""); if (myZoom != "1") { clearInterval(b); el.querySelector(".tn-atom__scale-wrapper").style.borderWidth = borderWidth.replace("px", "") * myZoom + "px"; el.querySelector(".tn-atom__scale-wrapper").style.borderRadius = borderRadius; el.querySelector(".tn-atom__scale-wrapper").style.borderColor = borderColor; el.querySelector(".tn-atom__scale-wrapper").style.borderStyle = borderStyle; } } else { let myZoom = window.getComputedStyle(el).zoom; if (myZoom != "1") { clearInterval(b); el.style.borderWidth = borderWidth.replace("px", "") * myZoom * myZoom + "px"; } } }, 10); }); } },500); }); })(); </script>