Bloğumda toplam 12 kategoride yazılmış 311 yazı ve 269 yorum var.

Yukarı Yapışan Menü Yapmak

6 sene önce yazıldı, 4.157 kere okundu. 4

Merhaba arkadaşlar, bu yazımda bazı sitelerde gördüğünüz aşağı inince yukarıya yapışan menüleri kolay bir şekilde nasıl yapacağınızı anlatıcam kısaca. Bunun için elinizde hali hazırda bir menü olması gerekiyor. Yani yapacağımız işlem menü hazırlamak değil, hazırladığınız menüyü kullanıcı aşağı indiğinde yukarıya sabitlemek ve her zaman görünmesini sağlamak.

Bu işlem için iki adım atacağız. Birincisi size vereceğim “tut.js ” dosyasını sayfanıza entegre etmek, ikincisi ise size vereceğim seçiciyi kullanarak hangi divin ( .menu olabilir, #menu olabilir, #yapiskan olabilir.. size kalmış ) yukarıya yapışacağını seçtirmek.

Şimdi buradan js dosyamızı indirip sunucumuzda bir yere atıyoruz. Daha sonrasında < head>< /head> kodları arasına  include etmemiz gerekiyor. Bunun için kullanacağımız kod;

<script src=”http://siteniz.com/tut.js” type=”text/javascript” charset=”utf-8″></script>

JS dosyamızı içeri aldığımıza göre, şimdi sıra seçiciyi kullanarak yukarıya yapışacak menüyü seçmekte. Buyrun kodlarımız;

<script type=”text/javascript”>$(document).ready(function(){$(‘.menu‘).scrollToFixed();});</script>

Bu iki kodu da sitemize göre düzenleyip tasarımın head kısmına yerleştirdiğimizde, artık menümüz yapışkan hale geldi demektir. Kullanıcı siteyi aşağı kaydırdığında daime üste çıkıp orada kalacaktır menümüz. Tabi sadece menüler için kullanılır diye bir şey yok. İstediğiniz bir div’i yukarıya sabitleyebilirsiniz. Bir de, menümüz yukarıda olacak diye bir şart da yok. logomuzun altında bulunan bir menüye bu işlemi uyguladığımızda siteyi aşağı kaydırırken menü en yukarı kadar çıkacak, sonra orada sabitlenecektir. Zaten yukarda ise menünüz, js kullanmaya gerek yoktu. position:fixed; işinizi görecektir. Başka bir yazıda zaten fixed olayından bahsedeceğim.

Şimdilik görüşmek üzere :)

BENZER  Sitelerinize WhatsApp Butonu Ekleyerek Müşterilerinizle Etkileşime Geçin

Konuyla alakalı bir şeyler yazabilirsin.

İsimTescil.net Sonunda Arayüzünü Güncelledi

Merhaba arkadaşlar. Uzun bir zaman boyunca gına getiren, sürekli yavaşlığı ve “her yüzüne bakışımızda...

2 ay önce. 55 0 Devam Et

Sitelerinize WhatsApp Butonu Ekleyerek Müşterilerinizle Etkileşime Geçin

Merhaba arkadaşlar. WhatsApp günün hemen her anında iletişim ihtiyacımızı karşılayan olmazsa olmaz bir araç h...

2 ay önce. 62 0 Devam Et

İşletmelerde Ön Muhasebe Yazılımı Kullanmanın Önemi ve Bulut Tabanlı Yazılımlar

Merhaba arkadaşlar. Özellikle son zamanlarda girişimcilik ruhunun çok fazla kişiye ulaştığını, herkesin özell...

2 ay önce. 23 0 Devam Et

Material Design Icons – MDI ile Sitelerinize Icon Set Nasıl Eklenir

Selam arkadaşlar. Bu yazıda sitelerimizi daha doğrusu arayüzlerimizi hazırlarken Material Design Icon Set’ind...

2 ay önce. 23 0 Devam Et

SSD Disk Kullanmak Bilgisayarımızı Ne Kadar Hızlandırır?

Solid State diskler piyasa çıktığından beri bilgisayar satıcıları hatta elindeki ikinci el bilgisayarı satan in...

2 ay önce. 40 0 Devam Et

Hakkımda

1994'ün Haziran'ında Beyşehir/Konya'da dünyaya gelmişim. O zamanlar, gerek tombikliğim gerek yeşil gözlülüğüm sebebiyle gören herkes tarafından el üzerinde ( hatta defalarca havaya atılıp tutulma gibi ) tutulmuşum.

Bebekliğim Konya'da bir köyde, çocukluğum İstanbul'da geçti. İstanbul'da başladığım iş hayatına doğduğum yer, Beyşehir'de devam ediyorum.

Uzun yıllar çeşitli firmalarda çalıştıktan sonra 2017’den beri kendi yazılım ve reklam şirketimi kurdum. Geliştirmeye ve değiştirmeye devam ediyoruz.