Поштовий віджет для вашого сайту або блогу

Поштовий віджет - прекрасне доповнення до вашого сайту!
Введіть поштовий індекс, щоб знайти адресу.
Цей поштовий віджет буде відмінним доповненням до вашої функції веб-сайту.

Щоб встановити віджет, ви повинні скопіювати HTML-код і встановити його на своєму сайті.
З CSS, ви можете налаштувати дизайн на свій смак.

Якщо ваш сайт використовує бібліотеку JQuery, то ця лінія може бути видалена:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Скопіюйте та вставте цей код на свій сайт або блог (вертикальний поштовий індекс віджет)

<style>
.pc_inf_main 
{ width:100%; }
.pc_inf_table 
{ vertical-align: top; width:150px; height:200px; text-align: left; padding: 5px; 
background:url(//index-ua.com/api/img/inf1.png) #F2F2F2 no-repeat 50% 75%;
-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; 
-moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } 
.pc_inf_td_top 
{ color:#666666; font-family: Arial; font-weight: bold; font-size: 14px; }    
.pc_inf_td_mid 
{ vertical-align: middle; text-align: center; height:100%; 
color:#336699; font-family: Arial; font-weight: bold; font-size: 12px; }
.pc_inf_td_input 
{ text-align: center; }    
</style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<center>
<script type="text/javascript" src="//index-ua.com/api/informers/i.php?t=v_htm"></script>
</center>

Приклад вертикально віджета:

Скопіюйте та вставте цей код на свій сайт або блог (горизонтальний поштовий індекс віджет)

<style>
.pc_inf_main_h
{ width:100%; }
.pc_inf_table_h
{ vertical-align: top; width:480px; height:80px; text-align: left; padding: 5px; background:#F2F2F2; } 
.pc_inf_table2_h
{ vertical-align: top; width:480px; height:80px; }    
.pc_inf_td_top_h
{ vertical-align: top; color:#666666; font-family: Arial; font-weight: bold; font-size: 14px; }    
.pc_inf_td_res_h
{ vertical-align: top; text-align: left; height:100%; color:#336699; font-family: Arial; font-weight: 
bold; font-size: 12px; }
</style>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<center>
<script type="text/javascript" src="//index-ua.com/api/informers/i.php?t=h_htm"></script>
</center>

Приклад горизонтальний віджет: