Facebook Tarzı Düğme Kodları ! Sadece Burada ! by Kod Dostu on 8/03/2012 04:51:00 ÖS buton kodları, buton kodu, butonlar, düğmeleri, düğmesi, ekle, face, facebook, facebook gibi, facebook tarzı, facebookdaki gibi, kod dostu, kodları eklemek, sitene ekle adfxq yayınaef son ..xva baslikntd urlname Reklam Facebook tarzı Buton Kodları! Sitenize facebookdaki gibi butonlar eklemek ister misiniz? O halde Kod Dostu tarafından sizlere özel hazırlanmış bu harika buton kodlarına bayılacaksınız. Facebook stilinde 3 farklı button içeren bu özel kodu sadece 2 adımda sitenize uygulayın! Stil kodunu sitenize sadece bir kere koymanız yeter! Ardından istediğiniz kadar butonu sitenize ekleyebilirsiniz! Ayarlar Kod 4 kısımdan oluşmaktadır. Bu kısımlar kod içerisinde belirtilmiştir. Kod içerisindeki ilk kısmı sitenizde dilediğiniz bir yere (tercihen kodunun hemen öncesine) ve yalnızca bir defa ekleyin. Diğer üç bölüm, sırasıyla mavi, beyaz ve yeşil düğme kodlarıdır. Bunları dilediğiniz yere, dilediğiniz sayıda ekleyebilir ve düzenleyebilirsiniz. AyarlarÖnizlemeyi Görmek İçin Tıklayın <!--BU KISMI SADECE BİR KEZ EKLEYİN: --> <style> .koddostu_face1{cursor:pointer;background-color:#5B74A8;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 16px;color:#ffffff; border:none; outline: 1px solid #29447e; border-top:1px solid #8a9cc2; } /* Kod Dostu facebook tarzı düğmeler */ .koddostu_face1:active{cursor:pointer;background-color:#4f6AA3 !important;border-top:1px solid #4f6AA3 !important;} .koddostu_face1:hover{cursor:pointer;} .koddostu_face2{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 16px;color:#333333; border:none; outline: 1px solid #999999; border-top:1px solid #ffffff; background:#f2f2f2 url('http://s-static.ak.fbcdn.net/rsrc.php/v2/yM/r/QvWFehnkoZF.png') no-repeat scroll -352px -201px;} .koddostu_face2:active{cursor:pointer;border-top:1px solid #dddddd !important;background:#dddddd !important;background-image:none !important;} /* http://siteneeklekodlari.blogspot.com/2012/08/facebook-tarz-dugme-kodlar-sadece-burada.html */ .koddostu_face2:hover{cursor:pointer;} .koddostu_face3{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 16px;color:#ffffff; border:none; outline: 1px solid #3b6e22; border-top:1px solid #98c286; background-color:#6ea954;} .koddostu_face3:active{cursor:pointer;border-top:1px solid #609946 !important;background:#609946 !important;background-image:none !important;} .koddostu_face3:hover{cursor:pointer;} </style> <!--BU KISMI DİLEDİĞİNİZ MİKTARDA, DİLEDİĞİNİZ YERE EKLEYİN: --> <!--MAVİ:--> <a href="http://koddostu.com"><button onfocus="this.blur();" class="koddostu_face1"> Örnek Düğme </button></a> <!--BEYAZ:--> <a href="http://koddostu.com"><button onfocus="this.blur();" class="koddostu_face2"> Örnek Düğme </button></a> <!--YEŞİL:--> <a href="http://koddostu.com"><button onfocus="this.blur();" class="koddostu_face3"> Örnek Düğme </button></a> <!--BU KISMI SADECE BİR KEZ EKLEYİN: --> <style> .koddostu_face1{cursor:pointer;background-color:#5B74A8;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 16px;color:#ffffff; border:none; outline: 1px solid #29447e; border-top:1px solid #8a9cc2; } /* Kod Dostu facebook tarzı düğmeler */ .koddostu_face1:active{cursor:pointer;background-color:#4f6AA3 !important;border-top:1px solid #4f6AA3 !important;} .koddostu_face1:hover{cursor:pointer;} .koddostu_face2{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 16px;color:#333333; border:none; outline: 1px solid #999999; border-top:1px solid #ffffff; background:#f2f2f2 url('http://s-static.ak.fbcdn.net/rsrc.php/v2/yM/r/QvWFehnkoZF.png') no-repeat scroll -352px -201px;} .koddostu_face2:active{cursor:pointer;border-top:1px solid #dddddd !important;background:#dddddd !important;background-image:none !important;} /* http://siteneeklekodlari.blogspot.com/2012/08/facebook-tarz-dugme-kodlar-sadece-burada.html */ .koddostu_face2:hover{cursor:pointer;} .koddostu_face3{cursor:pointer;padding:2px 16px 3px 16px;font-family: "Lucida Grande", tahoma,verdana,arial,sans-serif; font-size: 13px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 16px;color:#ffffff; border:none; outline: 1px solid #3b6e22; border-top:1px solid #98c286; background-color:#6ea954;} .koddostu_face3:active{cursor:pointer;border-top:1px solid #609946 !important;background:#609946 !important;background-image:none !important;} .koddostu_face3:hover{cursor:pointer;} </style> <!--BU KISMI DİLEDİĞİNİZ MİKTARDA, DİLEDİĞİNİZ YERE EKLEYİN: --> <!--MAVİ:--> <a href="http://koddostu.com"><button onfocus="this.blur();" class="koddostu_face1"> Örnek Düğme </button></a> <!--BEYAZ:--> <a href="http://koddostu.com"><button onfocus="this.blur();" class="koddostu_face2"> Örnek Düğme </button></a> <!--YEŞİL:--> <a href="http://koddostu.com"><button onfocus="this.blur();" class="koddostu_face3"> Örnek Düğme </button></a> Nasıl ekleyeceğinizi öğrenmek için,sitenizi oluştururken kullandığınız platformu seçin: