iFrame
WordPress
JavaScript
<iframe
src="https://wow-sirus.com/calc/rotation/"
width="100%" height="1400"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;background:#231208;display:block;"
title="Генератор ротаций — WoW Sirus">
</iframe>
<p style="text-align:center;font-size:11px;color:#8a6e52;margin-top:4px">
Ротации: <a href="https://wow-sirus.com" style="color:#c8973a">wow-sirus.com</a>
</p>
<?php
function wow_rotation_gen($atts) {
$a = shortcode_atts(['height'=>'1400'], $atts);
return '<iframe src="https://wow-sirus.com/calc/rotation/"
width="100%" height="'.esc_attr($a['height']).'"
frameborder="0" scrolling="no"
style="border:1px solid #6b4a1a;display:block"></iframe>
<p style="text-align:center;font-size:11px;color:#888;margin:3px 0">
<a href="https://wow-sirus.com">wow-sirus.com</a></p>';
}
add_shortcode('rotation_gen', 'wow_rotation_gen');
// В статье: [rotation_gen]
<div id="wow-rotation"></div>
<script>
(function(){
var d=document.getElementById('wow-rotation');
var f=document.createElement('iframe');
f.src='https://wow-sirus.com/calc/rotation/';
f.style.cssText='width:100%;height:1400px;border:1px solid #6b4a1a;display:block';
f.setAttribute('frameborder','0');
d.appendChild(f);
window.addEventListener('message',function(e){
if(e.data&&e.data.type==='wow-rot-height')f.style.height=(e.data.height+20)+'px';
});
var p=document.createElement('p');
p.style.cssText='text-align:center;font-size:11px;color:#888;margin:3px 0';
p.innerHTML='Ротации: <a href="https://wow-sirus.com" style="color:#c8973a">wow-sirus.com</a>';
d.appendChild(p);
})();
</script>
Код для размещения на своём сайте
▼