Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 3
  • 1
  • 2
  • 3
  • 4
  • 5
css Buton yapımı
#1
global.css nin sonuna yada yeni bir cssye yapıstırın.
Kod:
.button {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:4px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}.button:active {
    position:relative;
    top:1px;
}

butonlarıda eklemek icin.

Kod:
<a href="link"><input type="submit" class="button" value="Buton Adı"></a>

bunları ypmassnız sadece konuyu gönder git vs onlar olur.

yarı alıntı yarı bna ayit:)
Ara
Cevapla PGM
Teşekkür verenler:
#2
güncelll....
Ara
Cevapla PGM
Teşekkür verenler:
#3
Sana ait olan kısmı neresi?
“Mazlumun zalimden öcünü alacağı gün,
şüphesiz zalimin zulmettiği günden daha çetin olacaktır !"
Hz. Ali (r.a)

Kuş ölür, sen uçuşu hatırla...
Ara
Cevapla PGM
Teşekkür verenler:
#4
(24-11-2012 Saat: 18:12)TaaRRuz Nickli Kullanıcıdan Alıntı: Sana ait olan kısmı neresi?

anlatım:) birde ben bu buton duzenle fln internetten bakmadım kendim ayarladım sonradan gordum.
Ara
Cevapla PGM
Teşekkür verenler:
#5
Teşekkürler
Ara
Cevapla PGM
Teşekkür verenler:
#6
(24-11-2012 Saat: 18:20)kafle Nickli Kullanıcıdan Alıntı: Teşekkürler

rica ederim.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping