Postcode widget voor uw website of blogPostcode Widget - een geweldige aanvulling op uw site! Om de widget te installeren, moet u de HTML-code kopiëren en installeren op uw website. Als uw site maakt gebruik van jQuery bibliotheek, dan is deze lijn kan worden geschrapt: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> Kopieer en plak deze code in uw website of blog (verticale postcode widget): <style> .pc_inf_main { width:100%; } .pc_inf_table { vertical-align: top; width:150px; height:200px; text-align: left; padding: 5px; background:url(//postcode.direct/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="//postcode.direct/api/informers/i.php?t=v_htm"></script> </center> Voorbeeld verticale widget: Kopieer en plak deze code in uw website of blog (horizontale postcode widget):
<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="//postcode.direct/api/informers/i.php?t=h_htm"></script> </center>
Voorbeeld horizontale widget: |