Sitene kod ekle Sitene buton menü ekle | Sitene kod ekle
Home » , , , , » Sitene buton menü ekle

Sitene buton menü ekle

Sitene buton menü ekle. Sayfalarınıza buton ekleyin.Yazılarınızı yazdığınız sayfalarda ziyaretçilerinizi başka bir sayfanıza yönlendirmek için güzel bir buton kodu.

Ana Sayfa Hakkımda Sitemap İletişim







Kodun içindeki işaretlediğim kısımları kendinize göre değiştiriniz.Kırmızı işaretli yere kendi açılmasını istediğiniz sayfanızı veya başka site linkinizi yazınız. Mavi renkle işaretlediğim yerlere butonun üzerinde gözükecek kelimeleri yazınız.

Buton linklerini çoğaltıp azaltabilirsiniz.

<style>
.button {
   border: 1px solid #DDD;
   border-radius: 3px;
   text-shadow: 0 1px 1px white;
   -webkit-box-shadow: 0 1px 1px #fff;
   -moz-box-shadow:    0 1px 1px #fff;
   box-shadow:         0 1px 1px #fff;
   font: bold 11px Sans-Serif;
   padding: 6px 10px;
   white-space: nowrap;
   vertical-align: middle;
   color: #666;
   background: transparent;
   cursor: pointer;
}
.button:hover, .button:focus {
   border-color: #999;
   background: -webkit-linear-gradient(top, white, #E0E0E0);
   background:    -moz-linear-gradient(top, white, #E0E0E0);
   background:     -ms-linear-gradient(top, white, #E0E0E0);
   background:      -o-linear-gradient(top, white, #E0E0E0);
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.button:active {
   border: 1px solid #AAA;
   border-bottom-color: #CCC;
   border-top-color: #999;
   -webkit-box-shadow: inset 0 1px 2px #aaa;
   -moz-box-shadow:    inset 0 1px 2px #aaa;
   box-shadow:         inset 0 1px 2px #aaa;
   background: -webkit-linear-gradient(top, #E6E6E6, gainsboro);
   background:    -moz-linear-gradient(top, #E6E6E6, gainsboro);
   background:     -ms-linear-gradient(top, #E6E6E6, gainsboro);
   background:      -o-linear-gradient(top, #E6E6E6, gainsboro);
}
</style>
<a class="button" href="http://www.bannerekle.com/" target="_blank">Ana Sayfa</a>

<a class="button" href="http://www.bannerekle.com/" target="_blank">Hakkımda</a>

<a class="button" href="http://www.bannerekle.com/" target="_blank">Sitemap</a>

<a class="button" href="http://www.bannerekle.com/" target="_blank">İletişim</a>