Programlama ve Grafik Tasarıma Dair Herşey...

Kayıtlar

Ocak, 2013 tarihine ait yayınlar gösteriliyor

Sayfa Boyutuna Göre Değişen Css Dosyası

Ocak 24, 2013

Merhaba arkadaşlar burada sayfanın boyutlarını limitlendirerek bu min, max genişlik ve yükseklik değerlerine göre sayfada kullanılan css dosyasını değiştirmek mümkün. Örneğin sayfanızı 1366x768 çözürlüğüne göre editlediniz fakat sayfayı küçültünce veya farklı çözünürlükte görüntülediğinizde bozuluyor. İşte burda aşağıda verdiğim kodlardan faydalanarak kendinize alternatif css dosyaları oluşturarak büyük bi sorundan kurtulabilirsiniz. <html> <head> <title>Awesome Bubble Navigation with jQuery</title> <link href="CSS/stimenu.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="CSS/stimenu-alternative.css" media="screen and (max-width:1000px)"/> ...

Devamı

Jquery Window Resize Fonksiyonu

Ocak 23, 2013

Arkadaşlar burada jquery ile sayfamızdaki div ve diğer nesneleri gizleme gösterme işlemini çok basit bir örnekle yayınlıyorum. Kullandığımız script ile pencere boyutunu alarak sınır koyuyoruz ve bu sınırdan küçük hale gelince ikinci evreye geçen bil olay kullandım. Aşağıda anlayabilmeniz için iki ekran çıktısı koydum. Burdan da inceleyebilirsiniz. HTML kodu: <div class="kirmizi"></div> <div class="yesil"></div> CSS Stili: .kirmizi { position:absolute; width:70px; height:25px; left:70px; top:25px; background:red; } .yesil { position:absolute; width:70px; height:25px; background:green; } Script İçeriği: $(window).resize(function(e) ...

Devamı