Buton Kodlama v1

[#Captain]

Özelliklerine gelirsek:

♦ CSS Ağırlıklı,
♦ Hoş Efektli,
♦ Süper Görünümlü,

Admin KP - Şablon & Stil - Temanız - Global.css'e girip en altına aşağıdaki kodları ekleyiniz..

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

.aspirebuttonv1,.aspirebuttonv1:visited{ -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; color: #bb4454; background: #bb4454; text-shadow: 1px 1px 5px #000; border: 2px solid #f0f0f0; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; padding: 5px 10px 5px 5px; color: #fff; text-decoration: none; font-size: 15px; padding: 1px 2px; background-color: #00abdf; display: inline-block; -moz-box-shadow: 1 33px 4px rgba(23,11,2,0.5); -webkit-box-shadow: 0 2px 2px rgba(1,2,123,0.4); border: 1px solid #38538c; background-color: #4162a8; color: #FFFFFF; text-shadow: 0px -1px 1px #213052; box-shadow: inset 0 33px 10px 1px #5D88E3, 0px 1px 0 #1C2C4D, 0 6px 0px #1D3054, 0px 10px 7px rgba(0,0,0,.7); } .aspirebuttonv1:hover{ background-color: #aaaddd; border:none; border-top:1px solid #4162a8; border-left:1px solid #4162a8; border-right:1px solid #4162a8; background:#d4d0c8 background:#2981E4; -padding: 1px; text-decoration:none; color:#fff; font:bold 20px Arial, Helvetica, sans-serif; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; box-shadow: 0 1px 2px #000; -moz-box-shadow: 0 1px 2px #000; -webkit-box-shadow: 0 1px 1px #000; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.233); }

Aşağıdaki kodları hangi butonları değiştirmek istiyorsanız o değiştirmek istediğiniz şablondaki kodları silip aşağıdaki kodu ekleyip düzenleyiniz..

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

<a href="#" class="aspirebuttonv1" alt="aspirebuttonv1" title="Üzerine Gelince Görüken Yazı"><font face="arial" color="#ffffff" size="3"><strong>Bul</strong><br /></a>