CSS Buton Yapımı Ve CSS İle Resmi Ovalleştirme

Merhabalar, önceki html site yapımı konulu ders serisinde standart HTML ve CSS kodlarını kullanarak basit bir web sitesi yapmıştık. Bu dersimizde ise CSS bilgisini biraz daha ilerletmek amacıyla CSS Buton Yapımı nasıl olur ve siteye eklediğimiz fotoğrafların kenarlarını nasıl ovalleştirebileceğimizi göstereceğim. Bu konuları öğrendikten sonra ise bir sonraki dersimiz HTML Üye Kayıt Sayfası nasıl yapılır onu öğreneceğiz.   Resmi oval yapma ile başlayalım;   Komutumuz: border-radius: 10%; Stil satırları arasına ekleyeceğimiz bu komut ile yüzde değerini belirlediğimiz ölçüde resmin kenarlarını yuvarlayabiliyoruz. Şimdi bunu bir class’a atayarak örnek kodumuzu yazalım. ovalyap1 ve ovalyap2 adında 2 adet class oluşturarak %10 ve %50

Devamını Oku

Css ve jquery ile desen kilidi yapımı

Css ve jquery dersleri – desen kilidi yapımı Selamün Aleyküm değerli takipçilerim, Html site yapımı derslerimizde html sayfa oluşturma ve html sayfalara link verme işlemlerini anlattım ve jquery konusuna da iki dersimde değindim. Bugün hem bildiklerimizi pekiştirmek adına hemde yeni bilgiler katmak adına uygulamalı bir örnek yapacağız.  Bu uygulama ile akıllı telefonlardaki “Desen Kilidi” sistemini web ortamında yaparak mantığını az da olsa kavramanızı sağlayacağım. Telefondaki gibi desen çizerek doğru veya yanlış şifreler ile giriş yapmaya çalışacağız. “Css Dersleri” ve jquery dersleri‘nin bir arada olduğu konunun videosu

Devamını Oku

Html & Css dersleri 8 – css ile açılır kutu div

Merhaba arkadaşlar, bugün ki dersimize Css ile devam edeceğiz. Html derslerinin mantığını az çok kaptığınızı düşünüyorum bu yüzden Css dersleri ile devam etmeyi uygun buldum. Bu derste css ile açılır menü (div) nasıl yapılır onu göstereceğim ayrıca css’de class yapısı da daha iyi oturmuş olur kafanızda. Lafı fazla uzatmadan “css açılır kapanır div” videomuza geçelim. Kodların Browserde Görüntüsüne Bakmak İçin Tıklayın

Devamını Oku

Html dersleri 7 – Css ile menu yapımı

Merhaba Arkadaşlar, bugün ki konumuz html tasarıma renk katan ve birçok ekstra özellik getiren css kodlarıdır. Daha önceki html derslerinde yaptığımız web site örneğini şimdi css kodlarını kullanarak kolaylaştırıp css ile menü yapıcaz. Çok yararlı olacağını düşündüğüm için video olarak yapmaya karar verdim umarım başından beri dersleri takip edenlere epey faydası olacaktır.   Kodların browserde görünümü için tıklayın

Devamını Oku