Css kodlarımızda bu zaman kadar hep yanyana alt alta sıraladık ama günümüz tasarımlarında bu sıralamalar bizlere yetmemeye başladı ve artık dinamik bir resim gölgesi yapıyorsak bile bu gölge div’ini z-index ile resimin üstüne yerleştiriyoruz ve resim ne kadar değişirse değişisin bizim belirlediğimiz gölgeli z-index div’i altında çıkıyor.
Açıkcası z-index z ekseninde yani üst üste, alt alta divleri yerleştirmemizi sağlıyor ancak z-index’i kullanabilmemiz için öncelikle position özelliği vermemiz lazım yoksa z-index değeri çalışmayacaktır. Hemen örneklere geçelim. Okumaya devam et Css z-index elementi nedir ? nasıl kullanılır ?
Css position elementi eski yapılan tasarımlarda pek olmasa artık günümüzün web sitelerinde olmazsa olmaz özelliklerinden biridir yani eski web sitelerimizde sıralı divler (yanyana divler) kullanırken artık bağımsız divler kullanıyoruz. İlk başlarda position kullanmaya çekinirdim tarayıcılar arasında sorunlar yaratır diye ama kullanmaya başladıktan sonra gördüm ki position kullanmak daha basit ve kullanımı kolay.
jQuery ve css yazmaya başladığım zamanlar çok deneme çalışması yaptık ve kimini kullandık kimini kullanmadık ama bunların hepsi bana birer tecrübe olarak geri döndü bu tasarımları Css & jQuery kodlamaları acemilik zamanlarında yapmış olduğum çalışmalar olduğu için kod kalabalıkları veya yanlış yazımlar olabilir. Benim bu tasarımları paylaşma amacım sadece kodlara bakarak biraz kavramaya çalışmanızdır.
Atatürk üniversitesi portal giriş çalışması :
Sistem css ve jquery üzerinedir ana durmadan jquery ile bazı listeleri gizleyip kaldırdık.
Selam arkadaşkar orta düzey bir css yazarının vazgeçemeyeceği benim kanaatımca <ul> <li> taglarıdır artık menuleri geçin oyun sitesinde oyunları listelerken herhangi bir modül yazdığımda modül kullanırken herşeyde artık bu taglar var.
Bu tagların özelliği ise kod kalabalığı yapmıyor örn. bir oyun sitesinde son on oyunları div class lar ile çerçevelersek en az 5 satır kod olacakken
ul li ile yaparsak sadece şu kodlar kullanılacaktır Okumaya devam et Haydi ul – li taglarını öğrenelim
Sitelerimize görsellik ve güzellik katmak için artık opacity vazgeçilemez bir komut gibi geliyor bizlere sebebi ise her türlü tarayıcıda sorunsuz çalışması ve hiç uğraşmadan en ufak bi kare veya listelenen menulere saydamlık özelliğini katması.
Bu makalede opacity komutunun nasıl kullanıdğını göstereceğim herhangi bir resim üzerine gelince resim hareketlensin. Okumaya devam et Css Opacity komutu
