Düğme Ekleme Kodu - Flat Html Buton Kodları

[Mystic0]

Kod: Tümünü Seç Tümünü Kopyala

<!-- Koddostu Flat Buton Kodları START-->
<style>.koddostu.mavi,.koddostu.siyah,.koddostu.yesil,.koddostu.turuncu,.koddostu.ki​rmizi{

padding:0px 12px;
font-size:14px;

display:inline-block; height:34px; border:1px solid transparent; background:#8e8e93; line-height:34px; text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0px 2px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; box-sizing:content-box; -moz-box-sizing:content-box;}.koddostu.mavi:hover,.koddostu.siyah:hover,.koddostu.yesil:hover,.koddostu.​turuncu:hover,.koddostu.kirmizi:hover{ cursor:pointer; background:#fff; color:#666; border-color:#bbb; } .koddostu.mavi{ background:#50B1F2;} .koddostu.siyah{ background:#34495E;} .koddostu.yesil{ background:#3DD17A;} .koddostu.turuncu{ background:#FAB13C;} .koddostu.kirmizi{ background:#FF5E4C;}</style>
<!-- Koddostu Flat Buton Kodları STOP-->

<!-- düğme kodları-->

<a class="koddostu mavi">Örnek Düğme</a>

<a class="koddostu siyah">Kayıt</a>

<a class="koddostu yesil">Gönder</a>

<a href="http://google.com" target="_blank" class="koddostu turuncu">Linkli Düğme Örneği</a>

<a class="koddostu kirmizi">Daha Fazla</a>

Kod: Tümünü Seç Tümünü Kopyala

Onizle.koddostu.com

dan Özileye Bilirsiniz