"Css" kategorisindeki yazılar:

Merhaba arkadaşlar, bu yazımda JQuery ve Css ile aşağı ve sağa doğru açılan menülerin nasıl yapıldığını anlatacağım. Menünün açılma mantığı temel olarak aynı sadece biraz css ile oynayarak farklı yöne açmamız mümkün. İlk önce aşağıya doğru açılan uygulamayı yapacağım daha sonra sağa doğru açılması için yapmanız gereken css değişikliğini sizlere anlatacağım. Bu uygulama ile çok […]

Merhaba arkadaşlar, sizlerden gelen istek üzerine daha önce yaptığım JQuery ile sinema modu uygulamasını geliştireceğiz. Bu yazıda, kaydırma butonundan (slider input) değiştirilen değere göre videomuzun büyüklüğünü dinamik olarak büyüterek ya da küçülterek değiştireceğiz. Ayrıca, önceki uygulamamızda yaptığımız gibi sinema moduna geçme işleminine ek olarak, sinema modunda videoyu ekranın ortasına yerleştirme ve değiştirilen boyutlarına göre ekranda […]

Merhaba arkadaşlar, bu aralar yoğunluğumdan dolayı yazmaya fırsat zor buluyorum. Şimdi yazacağım konuyu sizlerden gelen istek üzerine not defterimde planladığım zamandan biraz daha önce yazıyorum. Bu yazımızın konusu veritabanında bulunan kolonlara göre arama yapmak. Yani veritabanındaki başlık, konu, yazar gibi sütunlardan kullanıcının seçtiğine göre arama yapmak. Bu uygulamayı daha önce yaptığımız veritabanına bağlanma, veritabanında kategoriye göre arama […]

Merhaba arkadaşlar, bu yazımda JQuery ile sinema modu yani arka planı karartıp videoya odaklandırma işlemini yapacağım. Bu uygulama ile videolarınız daha ilgi çekici hale gelecek. Ayrıca, bu uygulamayı resimlerinizi gösterirken de kullanabilirsiniz. Ben temel mantığını anlatacağım, nerede kullanacağınız biraz sizlerin yaratıcılığına kalacak. Uygulamamızın içeriği; ışığı kapa butonuna basılınca arkaplanın kararması ve aşığı aç butonuna basınca […]

Merhaba arkadaşlar bu yazımda yuvarlak köşeli menünün nasıl yapılacağını anlatacağım. Bu menüyü yaparken herhangi bir resim falan kullanmayacağız. Ayrıca, bütün tarayıcılarda da aynı şekilde görünen yuvarlak köşelere sahip olacağız. Tarayıcılar arasında farklılıklar olduğu için bütün tarayıcıların anlayacağı css kodlarını ayrı ayrı yazacağız. Siz isterseniz bu uygulamanın kodlarında küçük değişiklikler yaparak, yuvarlak arkaplanlar ya da yuvarlak kutular […]

Merhaba arkadaşlar bu yazımda nadir olarak kullanılan faydalı bir Html etiketinden yani optgroup’dan bahsedeceğim. Açılan listeler yapmak için select ve option etiketlerini kullanıyoruz ama bu etiketlerle gruplama yapılamıyor. Bu listelerde gruplama yapmak için ise yazımızın konusu olan optgroup etiketi kullanılıyor. Bu etiket sayesinde kolayca anlaşılabilir listeler hazırlamamız mümkün. Şimdi bununla ilgili bir örnek uygulama yapalım. Örnek uygulamamızda araba listesinden […]