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>

cxxx

* Sayfa Yazarı: Murat Marti 
* Diğer Kaynaklar: GEMİNİ - Google Yapay Zeka. CHATGPT - Copilot
* Fotoğraflar: Pixabay Ücretsiz Fotoraflardan Alınmıştır...