Cevaplayana +5 REP

[OwlShield]

Arkadaşlar benim bir sorum olacak doğru cevaplayana +5 REP vereceğim
Ben Sitemde,Konulardaki PostBit Butonlarını Şöyle Yapmak İstiyorum ;

Normal Hali :



Fare İmlecimizi Üstüne Getirdiğimizdeki Hali :



Tıklanırkenki Hali :



Nasıl Yaparım?

[Namikaze]

Bu Konuyu İnceleyin http://destek.10tl.net/showthread.php?ti...ight=Buton Sizin İstediğiniz Gibi Butonlar Yapabilirsiniz Ancak Kesiklik Onu Bilmiyorum

[OwlShield]

Bu Konuyu İnceleyin http://destek.10tl.net/showthread.php?ti...ight=Buton Sizin İstediğiniz Gibi Butonlar Yapabilirsiniz Ancak Kesiklik Onu Bilmiyorum

Yok Hocam O konuyu İncelemiştim Zaten
Ben sitedeki tüm postbit butonlarını öyle yapmak istiyorum :/ Postbit butonlarında bir değişiklik olmadı
Benim istediğim gibi değil yani

[Namikaze]

http://destek.10tl.net/showthread.php?ti...=css+buton Bir de Bunu dene Buton yapmak için googlea cssbuttongenerator yaz ilk siteye tıkla buton css'sini al yap :)

[L34DRi]

Benzetmeye çalıştım ama renklerin kodunu bilmediğim için tam olmadı.Gördüğünüz siteyi yollarsanız aynısını veririm.

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

.bahri_owl {
    -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, #bfbfbf), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #bfbfbf 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#dfdfdf');
    background-color:#bfbfbf;
    border:1px solid #bdbdbd;
    display:inline-block;
    color:#ff1c1c;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding:4px 15px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.bahri_owl:hover {
    -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, #d4d4d4), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #d4d4d4 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#dfdfdf');
    background-color:#d4d4d4;
    border:2px dotted #bdbdbd;
}.bahri_owl:active {
    position:relative;
    top:1px;
    -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, #d4d4d4), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #d4d4d4 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#dfdfdf');
    background-color:#d4d4d4;
    border:3px dotted #dbdbdb;
}
/* Started :CSSButtonGenerator.com  Finished:L34DRi */ 


[kafle]

Benzetmeye çalıştım ama renklerin kodunu bilmediğim için tam olmadı.Gördüğünüz siteyi yollarsanız aynısını veririm.

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

.bahri_owl {
    -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, #bfbfbf), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #bfbfbf 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#dfdfdf');
    background-color:#bfbfbf;
    border:1px solid #bdbdbd;
    display:inline-block;
    color:#ff1c1c;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding:4px 15px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}.bahri_owl:hover {
    -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, #d4d4d4), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #d4d4d4 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#dfdfdf');
    background-color:#d4d4d4;
    border:2px dotted #bdbdbd;
}.bahri_owl:active {
    position:relative;
    top:1px;
    -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, #d4d4d4), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #d4d4d4 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#dfdfdf');
    background-color:#d4d4d4;
    border:3px dotted #dbdbdb;
}
/* Started :CSSButtonGenerator.com  Finished:L34DRi */ 


webboss tur hocam :)

[L34DRi]

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

.pbbutton {
   background-color: #E5E5E5;
   background-image: -moz-linear-gradient(#F2F2F2, #E5E5E5);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E5E5E5));
   background-image: -webkit-linear-gradient(#F2F2F2, #E5E5E5);
   background-image: -o-linear-gradient(#F2F2F2, #E5E5E5);
   background-image: -ms-linear-gradient(#F2F2F2, #E5E5E5);
   background-image: linear-gradient(#F2F2F2, #E5E5E5);
        text-decoration: none;
        text-shadow: 0 1px 0 white;
        -moz-box-shadow: inset 0 0 1px #fff;
        -ms-box-shadow: inset 0 0 1px #fff;
        -webkit-box-shadow: inset 0 0 1px white;
        box-shadow: inset 0 0 1px white;
    border: 1px solid #d2d2d2;
        border-bottom-color: #B1B1B1;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
        padding: 3px 3px;
        margin: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
}

.pbbutton:hover {
        border: 1px dashed #AAA; 
        border-bottom-color: #999;
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 3px #fff;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),inset 0 0 3px white;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff0f0f0,EndColorStr=#ffe6e6e6);
        background-image: -moz-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -ms-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -o-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F0F0F0),color-stop(100%,#E6E6E6));
        background-image: -webkit-linear-gradient(top,#F0F0F0 0,#E6E6E6 100%);
        background-image: linear-gradient(to bottom,#F0F0F0 0,#E6E6E6 100%);
        text-decoration: none;
}

.pbbutton:active {
       background: #DADADA;
       -webkit-box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
       box-shadow: inset 0px 1px 6px 0px rgba(0, 0, 0, 0.3);
} 


[#Ares#]

Sorcağına Sağlam Kafanın teması yükle global css bul al :)

[OwlShield]

L34DRİ şefim nereye ekleyeceğim bi söyleseniz

---

Sorcağına Sağlam Kafanın teması yükle global css bul al :)

Onu denedim saatlerce aradım ama butonun Css'sini bulamadım

[#Ares#]

adminkp > Şablon & Stil > Temanız > Global.css

Gelişmiş deyip en alta ekle :)

+ tek css olcağını samıyorum kodlamasını alman lazım temadan posbit şablon kodlarını :)

[OwlShield]

adminkp > Şablon & Stil > Temanız > Global.css

Gelişmiş deyip en alta ekle :)

+ tek css olcağını samıyorum kodlamasını alman lazım temadan posbit şablon kodlarını :)

Oldu Hocam Oldu =)