CSS ile Yatay Açılır Menü Yapımı 7

CSS ile Yatay Açılır Menü Yapımı
Bu dersimizde de css ile yatay açılır menü yapacağız. Daha önceki dersimizde css ile dikey açılır menü yapmıştık, bu menünün tek farkı sadece dikey olarak değilde aynı menünün yatay olarak açılmasıdır. İlk olarak yine aynı şekilde css ile yatay açılır menümüzün html kodlarını oluşturalım. Html kodlarımızı yine öğrendiğimiz gibi body tagları arasına yazıyoruz.

CSS ile Dikey Açılır Menü Yapımı 5

CSS ile Dikey Açılır Menü Yapımı
Web tasarım ve programlama dersinde sadece CSS kullanarak bir menü yapalım. CSS ile dikey açılır menü yapmak için kullanacaklarımız sadece CSS ve HTML kodlarıdır. İlk olarak dikey açılır menümüzün HTML kodlarını yazalım. Html kodlarını body tagları arasına yazalım.

Html ve Css ile Uygulama Örneği

Html ve Css ile Uygulama Örneği
Web tasarım ve programlama (Anadolu Teknik Lisesi – 11.Sınıf – Bilişim Teknolojileri Bölümü – Web Programlama Alanı) dersinde gösterilmiş olan CSS(style) modülü için genel olarak tüm gördüğümüz derslerin bir içeriği niteliği taşıyan uygulama örneğimizin şekli aşağıdaki resimde görülmektedir. Uygulamada ulaşılması istenen amaç: Öğrencileri özellikle div mantığını anlaması ve tablo kullanmadan web sayfalarının tasarımını yapabilmesini sağlamaktır. ...

Php İle Sayfaya Arkaplan Resmi Koyma 2

Php veya daha doğrusu html ile yaptığımız sayfalarda arka plana resim koymak isteriz bunu yapmak için bize lazım olan CSS bilgisidir. Css’de ki background özelliğine resmimizi koyarak halledelim.

Harika CSS Buttonum 4

Harika CSS Buttonum
Merhaba bazı sitelerde görmüş olduğum butonlar ilgimi çekti ben nasıl yaparım diye biraz düşündükten sonra hemen işe koyuldum ve bir örnek yaptım kendime.  Ortaya bence güzel bir örnek çıktı geliştirilirse web sitelerine çok güzel görsellikler katmaya devam edebilir. Şu an için ben tek renk yaptım. Sizler geliştirerek daha çok renk katabilirsiniz. Butonu hiç bir resim ...

CSS ile Renk Değişimi 2

CSS ile renk değişimi uygulamasını yapacağız. Bu uygulamamızda farklı olan yapı ise istediğimiz bir zaman aralığında rengin bir renkten diğer renge geçişini kullanıcının görmesidir. Bu uygulamayı ben sizlere bir link üzerinde nasıl yapıldığını göstereceğim. [css] a{ text-decoration:none; color:#f00; } [/css] Linkimin alt çizgisini kaldırdım. Linkimin renginide kırmızı olarak ayarladım. [css] a:hover { color:#00f; -webkit-transition:color 500ms ...