Виджет для быстрого перехода между двоичной, восьмеричной и шестнадцатеричной системами

1. Ширина виджета: px.

2. Цвет виджета:

3. HTML-код виджета
(скопируйте себе на сайт):

<center><form action="http://mathonline.um-razum.ru/sistemy-schislenija/bystryj-perehod-mezhdu-dvoichnoj-8-ichnoj-i-16-ichnoj-sistemami.html#top" method="post" target="_blank">
<table style="border:0px;width:400px" cellspacing="0" cellpadding="0">
<tr><td>
<div style="border:1px solid #0459c6;width:400px;padding:5px;border-bottom:0px;font-family:Verdana;font-size:12px;background-color:#0459c6;font-weight:bold;color:#fff;text-align:left">
<a href="http://mathonline.um-razum.ru/sistemy-schislenija/bystryj-perehod-mezhdu-dvoichnoj-8-ichnoj-i-16-ichnoj-sistemami.html#top" style="color:inherit;text-decoration:none;cursor:default;margin-left:4px" target="_blank">Двоичная, восьмеричная, шестнадцатеричная системы</a></div>
</td></tr>
<tr><td>
<div style="border:1px solid #0459c6;border-bottom:1px solid #dddddd;width:400px;padding:5px;background-color:#ffffff">
<table style="font-family:Verdana;font-size:12px;border:0px" align="center"><tr><td style="padding:5px;text-align:right">Число в </td><td style="padding:5px"><select name="osnovanie" style="width:90px"><option value="" selected>выберите...</option><option value="2" >двоичной</option><option value="8" >восьмеричной</option><option value="16" >шестнадцатеричной</option></select> системе:</td><td style="padding:5px;text-align:left"><input type="text" name="number" style="width:60px;border:1px solid #cccccc;font-family:Verdana"></td></tr><td style="text-align:right;padding:5px" colspan="2">Перевести его в  <select name="perevod" style="width:90px"><option value="" selected>выберите...</option><option value="2" >двоичную</option><option value="8" >восьмеричную</option><option value="16" >шестнадцатеричную</option></select></td><td style="padding:5px;text-align:left"><input type="submit" value=">>" style="border:1px solid #cccccc;background-color:#eeeeee"></td></tr></table></div>
</td></tr>
<tr>
<td>
<div style="border:1px solid #0459c6;width:400px;padding:5px;border-top:0px;font-family:Verdana;font-size:10px;background-color:#f8f8f8;height:13px">
<div style="float:left"><a href="http://mathonline.um-razum.ru/widgets/sistemy-schislenija/bystryj-perehod-mezhdu-dvoichnoj-8-ichnoj-i-16-ichnoj-sistemami.html" style="color:#000; text-decoration:none" target="_blank">Установить такой виджет себе на сайт</a></div>
<div style="float:right">© <a href="http://mathonline.um-razum.ru" style="color:#000; text-decoration:none" target="_blank">MathOnline.um-razum.ru</a></div>
</div>
</td>
</tr>
</table>
</form></center>