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>