Standaard buttons voor bijvoorbeeld downloads.

HTML code voor de buttons. Vul bij ### betreffende URL in.

Select All Info
<a class="downbutton" href=" ### " onclick="window.open(this.href, 'WinTools', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=300,height=510'); return false;">Download</a> <a href="/contact" class="brokenlinkbutton">Broken link?</a>

CSS style

Select All Info 2  
<style> a.downbutton{width:120px;margin:2px 7px 5px 0;text-align:center;box-shadow:0 8px 12px -6px #525252;background-color:#ee0;border-radius:5px;border:1px solid #777;display:inline-block;color:#333;text-shadow:#eee 0 0 1px;padding: 1px 0 2px 0;;text-decoration:none;font:700 13px Verdana}.downbutton:hover{background-color:#0d0;color:#fff;text-shadow:0 0 2px #111;text-decoration:none}a.brokenlinkbutton{width:120px;text-align:center;box-shadow:0 8px 12px -6px #525252;background-color:#777;border-radius:5px;border:1px solid #777;display:inline-block;text-shadow:#333 0 0 1px;color:#ccc;padding: 1px 0 2px 0;;text-decoration:none;font:700 13px Verdana}.brokenlinkbutton:hover{background-color:red;color:#fff;text-decoration:none} </style>

Button zonder popup inclusie CSS

Select & Copy Info  
<a class="downbutton" href="/downloads" download>Download</a> <a class="brokenlinkbutton" href="/nieuws/tag/CSS">Meer CSS</a> <style> a.downbutton{width:120px;margin:2px 7px 5px 0;text-align:center;box-shadow:0 8px 12px -6px #525252;background-color:#ee0;border-radius:5px;border:1px solid #777;display:inline-block;color:#333;text-shadow:#eee 0 0 1px;padding: 1px 0 2px 0;;text-decoration:none;font:700 13px Verdana}.downbutton:hover{background-color:#0d0;color:#fff;text-shadow:0 0 2px #111;text-decoration:none}a.brokenlinkbutton{width:120px;text-align:center;box-shadow:0 8px 12px -6px #525252;background-color:#777;border-radius:5px;border:1px solid #777;display:inline-block;text-shadow:#333 0 0 1px;color:#ccc;padding: 1px 0 2px 0;;text-decoration:none;font:700 13px Verdana}.brokenlinkbutton:hover{background-color:red;color:#fff;text-decoration:none} </style>

Download Meer CSS