<style>
.button {background: #6289B1; border: 1px solid transparent; border-radius: 3px; padding: 3px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.button:hover {background: #587FA7;}
.titles {background: #6289B1; border: 1px solid transparent; border-radius: 3px; padding: 8px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.textare {width:100%; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
.selected {background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
.input {width:95; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; font: 14px arial; color:#777;}
</style>
<center><h2>Генератор создания IFRAME кода</h2></center>
<div id="move1_UcozOn_Ru">
<div class="titles"><center>Ведите URL страницы или видео с vk.com & youtube.com</center></div>
<br>
<input type="text" id="urls" class="textare" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 1 из 5</z><a href="javascript://" onclick="urls();" class="button">Далее</a></div>
<br><br>
</div>
<div id="move2_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Отмете наличие бордюра - окантовки фрэйма</center></div>
<br>
<center> <select class="selected" id="border">
<option selected="selected" value="0">Нет обводки</option>
<option value="1">Толщина линий 1 px</option>
<option value="2">Толщина линий 2 px</option>
<option value="3">Толщина линий 3 px</option>
<option value="4">Толщина линий 4 px</option>
<option value="5">Толщина линий 5 px</option>
</select> </center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 2 из 5</z><a href="javascript://" onclick="border();" class="button">Далее</a></div>
<br><br>
</div>
<div id="move3_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Отмете наличие скроллинга полосы прокрутки фрэйма</center></div>
<br>
<center> <select class="selected" id="scroll">
<option selected="selected" value="auto">Авто прокрутка</option>
<option value="yes">Есть прокрутка</option>
<option value="no">Нет прокурутки</option>
</select> </center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 3 из 5</z><a href="javascript://" onclick="scroll();" class="button">Далее</a></div>
<br><br>
</div>
<div id="move4_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Ширина фрэйма px</center></div>
<br>
<center><input type="text" id="width_UcozOn_Ru" class="input" value="640"></center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 4 из 5</z><a href="javascript://" onclick="width_UcozOn_Ru();" class="button">Далее</a></div>
<br><br>
</div>
<div id="move5_UcozOn_Ru" style="display:none;">
<div class="titles"><center>Высота фрэйма px</center></div>
<br>
<center><input type="text" id="height_UcozOn_Ru" class="input" value="480"></center>
<br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 5 из 5</z><a href="javascript://" onclick="rezultat();" class="button">Далее</a></div>
<br><br>
</div>
<div id="rezultat" style="display:none;"></div>
<script src="http://ucozon.ru/_dr/62/6203_gen_frame.js"></script>
Меню сайта
Меню сайта
