PHP & JavaScript Room :: 設置サンプル

<style type="text/css">
    p.btn1 button { margin:0; padding:5px; }
    p.btn1 button img { vertical-align:middle; }

    p.btn2 button { margin:0; padding:0; background-color:#fff; border:0; }
    p.btn2 button img { vertical-align:middle; }

</style>
<form action="#">
    <p class="btn1">
        <button type="button" onclick="location.href='/content/demo/sample.zip'"><img src="/content/img/icon/color/download.gif" alt="zip" /> Download ZIP（1KB）</button>
        <button type="button" onclick="window.open('/?t=mail&p=mail','w');"><img src="/content/img/icon/color/letter.gif" alt="contact" /> お問合せ</button>
        <button type="button"><img src="/content/img/icon/color/action_delete.gif" alt="閉じる" /> 閉じる</button>
    </p>
    <p class="btn2">
        <button type="button" onclick="window.open('http://phpjavascriptroom.com/','w');"><img src="/content/img/banner/banner.gif" alt="PHP & JavaScript Room" /></button>
    </p>
</form>