Merhaba arkadaşlar, yine yeni bir kodlarla sizlerleyim. Kodlamalarıma hızla devam ediyorum. Bu kodu Aspire diğer nickle ReaLFasT yapmıştır. Alıntı yaparken kodu alıntı olduğunu belirtiniz. Kod mybb vb. uyarlıdır.
NOT: Kodun çalınması halinde, mahkemeye kadar yolu var...
♦ CSS Ağırlıklı
♦ Hoş Efektli
♦ Süper Görünümlü
CSS Kodu;
HTML KODU;
Şimdi ise Caps'a bakalım;
Arkadaşlar boyutunu,yazı tipini fln değiştirebilrisiniz.
Şimdiden iyi kullanmalar diliyorum...
NOT: Kodun çalınması halinde, mahkemeye kadar yolu var...
Özelliklerine gelirsek;
♦ CSS Ağırlıklı
♦ Hoş Efektli
♦ Süper Görünümlü
Kodlara gelirsek
CSS Kodu;
Kod:
.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);
}HTML KODU;
Kod:
<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>Şimdi ise Caps'a bakalım;
Kod:
http://jsfiddle.net/SN6pC/Arkadaşlar boyutunu,yazı tipini fln değiştirebilrisiniz.
Şimdiden iyi kullanmalar diliyorum...
