iMachive キーワードをあなたのサイトに設置

iMachiveキーワードの検索ボックスをあなたのサイトに追加するには以下のソースを貼付けて下さい。

<div id="srchBox">
<style type="text/css">
#srchBox
{
width:298px;
_width:296px;
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#EEEEEE;
color:#000000;
text-align:left;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
}
#srchBox #srchInput
{
width:188px;
margin-right:6px;
vertical-align:bottom;
}
#srchBox #srchBtn
{
width:80px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}

</style>
<form action="http://keyword.imachive.com/redirect.php" method="get" id="srch">
<p id="srchForm">
<input type="search" results="5" name="q" id="srchInput"><input type="submit" value="検索" id="srchBtn">
</p>
</form>
<p id="srchLogo"><a href="http://keyword.imachive.com/"><img src="http://keyword.imachive.com/searchbox/logo.gif" width="124" height="20" alt="キーワード"></a></p>
</div>
<!-- /#srchBox -->


Apple Safari以外のブラウザの場合


Apple Safariの場合