MyBB Depo Forum
Css Buton [Gri - Kırmızı] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB Grafik & Tasarım Deposu (https://mybbdepo.com/mybb-grafik-tasarim-deposu-forumu)
+--- Forum: MyBB Hazır Grafik Deposu (https://mybbdepo.com/mybb-hazir-grafik-deposu-forumu)
+---- Forum: Buton - Rank - Rütbe (https://mybbdepo.com/buton-rank-rutbe-forumu)
+---- Konu Başlığı: Css Buton [Gri - Kırmızı] (/css-buton-gri-kirmizi-konusu.html)



Css Buton [Gri - Kırmızı] - HayaLeeT10 - 29-05-2013

Arkadaşlar Css Buton Yaptım Ama Bir Başka Siteden Yaptım Göz kırpma

Admin KP - Temalar & Şablonlar - Temalar - Temanız - Global.css - Düzenle ve En Altına Bu Kodu Yapıştır;
PHP Kod:
.hayalet {
    -
moz-box-shadow:inset 0px 1px 0px 0px #a1a1a1;
    
-webkit-box-shadow:inset 0px 1px 0px 0px #a1a1a1;
    
box-shadow:inset 0px 1px 0px 0px #a1a1a1;
    
background:-webkit-gradientlinearleft topleft bottomcolor-stop(0.05#f5f5f5), color-stop(1, #616161) );
    
background:-moz-linear-gradientcenter top#f5f5f5 5%, #616161 100% );
    
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5'endColorstr='#616161');
    
background-color:#f5f5f5;
    
border:2px solid #cccacc;
    
display:inline-block;
    
color:#f70000;
    
font-family:Verdana;
    
font-size:14px;
    
font-weight:bold;
    
padding:7px 16px;
    
text-decoration:none;
    
text-shadow:3px 3px 1px #fcfcfc;
}.hayalet:hover {
    
background:-webkit-gradientlinearleft topleft bottomcolor-stop(0.05#616161), color-stop(1, #f5f5f5) );
    
background:-moz-linear-gradientcenter top#616161 5%, #f5f5f5 100% );
    
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161'endColorstr='#f5f5f5');
    
background-color:#616161;
}.hayalet:active {
    
position:relative;
    
top:1px;

Kaydedip Çıkın ..

HTML Kod;
PHP Kod:
<a href="#" class="hayalet">Button</a

Normal;
resim

Üstüne Gelince;
resim


Cvp: Css Buton [Gri - Kırmızı] - ByCaring - 29-05-2013

Teşekkürler hocam. Kendi zevkinize göre renkleri değiştirebilirsiniz.


Cvp: Css Buton [Gri - Kırmızı] - Smyrna35 - 29-05-2013

(29-05-2013, Saat:20:29)ByCaring Adlı Kullanıcıdan Alıntı: Teşekkürler hocam. Kendi zevkinize göre renkleri değiştirebilirsiniz.
Teşekkür ederken teşekkür butonunu kullanırsanız daha iyi olabilir.