أزرار متطورة و جذابة مثل الموجودة في منتدي دعم احلي منتدي

/*--كود تغيير شكل أزرار بحث-انتقال-استعراض-إرسال--*/
/*For more codes: nf-son.forumotion.com*/
input.button1, input.button2, button.button2{  background:#39C;Font-family:tahoma;border: none;border-radius:3px;border-bottom: 2px solid #17A;    color:#fff;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 3px 3px;}
input.button1:hover, input.button2:hover, button.button2:hover {  background:#8B5;Font-family:tahoma;border: none;border-radius:3px;border-bottom: 2px solid #693;    color:#fff;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 3px 3px; }
input.button1:active, input.button2:active, button.button2:active{  background:#333;Font-family:tahoma;border: none;border-radius:3px;border-bottom: 2px solid #111;    color:#fff;padding: 5px 10px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 3px 3px;transform: translateY(4px);}
/*---------------نهاية الكود-------------*/