merhaba değerli okurlarım.

bu yazımda sizlere javascript ile hazırlanmış ve web sitelerinizde kullanabileceğiniz basit hazırlanmış bir yapışık menü örneği paylaşacağım.

bu yapışık menüyü düzenleyerek kullanabilirsiniz.

yapmanız gereken sadece kodu web sitenizde uygun yere ekleyerek çalıştırmaktır.

gerek gördüğünüz yerleri kendinize göre düzenleyerek kullanabilirsiniz.

web sayfanızın head etiketleri arasına eklemeyi unutmayın.

 

KOD:

 

<!–KODLARBUL KOD BAŞLANGICI–>

<!DOCTYPE HTML><style type=”text/css”>div.saymbrayt{position:fixed;z-index:99900;}div.lakedaymnd{top:0px;left:0px;width:100%;height:29px;background-color:#2d2d2d;border-bottom:1px solid #000;}</style><style type=”text/css”>div.saymbrayt{_position:absolute;}div.lakedaymnd{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight – 52+”px”) );}</style>

 

 

<div class=”saymbrayt lakedaymnd”>

<a class=”uuubeybi” href=”” target=”_blank”>+Sen</a>

<a class=”uuubeybi” href=”https://www.google.com/webhp” target=”_blank”>Arama</a>

<a class=”uuubeybi” href=”https://www.google.com/imghp?hl=tr&tab=wi” target=”_blank”>Görseller</a>

<a class=”uuubeybi” href=”https://maps.google.com/maps?hl=tr&tab=wl” target=”_blank”>Haritalar</a>

<a class=”uuubeybi” href=”https://news.google.com/nwshp?hl=tr&tab=wn” target=”_blank”>Haberler</a>

<a class=”uuubeybi” href=”https://mail.google.com/mail/?tab=wm” target=”_blank”>Gmail</a>

<a class=”uuubeybi” href=”https://drive.google.com/?tab=wo&authuser=0″ target=”_blank”>Drive</a>

<a class=”uuubeybi” href=”https://www.google.com/calendar?tab=wc” target=”_blank”>Takvim</a>

<a class=”uuubeybi” href=”http://translate.google.com/?hl=tr&tab=wT” target=”_blank”>Çeviri</a>

<a class=”uuubeybi” href=”http://www.google.com.tr/intl/tr/about/products/” target=”_blank”>Daha Fazlası</a>

 

 

<style>.uuubeybi{display:inline-block;padding-left:15px;line-height:29px;font-family:Arial, sans-serif;font-size:13px;font-weight:bold;color:#bbbbbb;text-decoration:none !important;}

.uuubeybi:hover{color:#ffffff !important;}</style>

</div>

<!–KODLARBUL KOD BİTİŞİ–>

soru ve sorunlarınızı yazımın altından bana ulaştırabilirsiniz.

iyi bloglar.

Bir önceki yazımız olan apı nedir başlıklı makalemizde apı, apı nedir ve işletim sistemi hakkında bilgiler verilmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

code