"SİTENİZİ EFEKTLERLE DONATIN
ZİYARETÇİLERİNİZİ BÜYÜLEYİN!"

Sitenizde özel bağlantı düğmeleri kullanmak ister misiniz? Bu sayfada nasıl yapabileceğinizi öğrenin. Aşağıdaki kodu sitenizin Head bölümüne ekleyin.

<style type="text/css">
/*<![CDATA[*/

/*Site Efektleri*/

 

.button a {
    
background: #F7F2E0;
display: block;    
padding: 10px;
color: black;
width: 65px;
font-size: 14px;
text-align: center;
border-radius: 6px;
box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
text-underline: none;
transition-property: background-color;
transition-duration: 1s; }
   
.button a:hover {

 

background-color: #0080FF;

-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;

 

}    

/*]]>*/
</style>

 

Bağlantı düğmesinin rengini (kırmızı işaretli) istediğiniz başka bir renkle değiştirmek için farklı bir renk kodu girmeniz gerekir.

Düğmenin genişliğini (mavi işaretli) istediğiniz gibi belirleyebilirsiniz.

Eğer düğmenizin üzerine gelindiğinde renginin değişmesini istiyorsanız, bunu (yeşil işaretli) alanı başka bir renk koduyla değiştirerek elde edebilirsiniz.

 

Renk kodlarına buradan ulaşabilirsiniz: http://html-color-codes.info

 

 

Artık tek yapmanız gereken, aşağıdaki kodu dilediğiniz bir sayfada bir bileşenler / HTML öğesine kopyalamanız.

 

<div class="button">
    <a href="Bağlantınız">Metin</a>
</div>

 

Düğmenin nereye yönleneceğini belirleyen bağlantıyı değiştirmek için (kırmızı işaretli) alana kendi bağlantınızı ekleyin

Düğme yazısını (yeşil işaretli) alandan değiştirebilirsiniz.


Comments: 12
  • #12

    yahya (Thursday, 25 January 2018 17:45)

    merhaba sitede denedim yanlız mobilde bu şekilde göstermiyor nedeni nedir ?

  • #11

    Güvenilir Firmalar Listesi (Wednesday, 20 December 2017 22:57)

    Canli bahis, Canli casino, Canli oyunlar En kolay yatırm Yöntemleri...

  • #10

    gerek yok (Monday, 31 October 2016 13:42)

    amcaoğlu keşke onay yeri yapsaydın !

  • #9

    sadasds (Monday, 31 October 2016 13:41)

    saddddasdasdasdasdasdasdasdasdasd

  • #8

    hamitidz (Friday, 26 December 2014 13:00)

    siteme daha güzel gürünüm şekli yapmak istiyorum

  • #7

    hakan (Thursday, 25 December 2014 19:13)

    hakanbora

  • #6

    jatbankoo (Monday, 22 December 2014 17:21)

    arka plan resim

  • #5

    Site Efektleri (Tuesday, 07 October 2014 09:47)

    Merhaba Mehmet Emir,

    Bunun için, bu sayfadaki efekt ile aşağıdakini birleştirmen gerekir:

    http://siteefektleri.jimdo.com/%C3%B6zel-yaz%C4%B1-tipi/

    Bunun için sitene önce Google WebFonts'dan bir yazı tipi ekleyebilirsin:

    http://www.google.com/fonts/

    Daha sonra yukarıdaki kodun Head bölümüne gelen kısmında ".button a {" parametresinden sonra tanımladığın yazı tipini girebilirsin. (font-family: 'Font', cursive !important; gibi)

    Selamlar

  • #4

    Mehmet Emir (Tuesday, 07 October 2014 00:01)

    Merhabalar Kodlarınız ve içerikleriniz gerçekten harika. Yalnız bu kod için bişey sorucam. Yazı tipini nereye ve nasıl ekleyebiliriz açıklayabilir misiniz?

  • #3

    tuna (Saturday, 12 July 2014 12:48)

    Buton mavi olurken aynı anda yazıda beyaz olabilir mi?

  • #2

    Site Efektleri (Wednesday, 30 April 2014 08:38)

    Merhaba,

    Üstte zaten nasıl yapabileceğin yazıyor. İlk kutucuktaki kodu sitenin Head bölümüne ekle, ikinci kutucuktakini ise sitenin bir sayfasında Bileşenler / HTML öğesine ekle. Daha sonra bağlantın ve dilediğin renkleri tanımla, düğmelerin kullanıma hazır!

  • #1

    facetech (Tuesday, 29 April 2014 17:51)

    nasıl yapacağımı tarif edebilirmisiniz

Buraya tıklayarak efektler sayfasına gidebilirsiniz.