Perşembe , 19 Ocak 2017
Anasayfa » WEB » CSS

CSS

Yatay Açılır Menü Yapımı

Bu yazıda yatay açılır menü yapıp aşamalarını ele alacağız. Menülerin temelinde liste etiketleri kullanılır. Bu yüzden bir tane liste etiketi oluşturarak başlayacağız. Menülerin tasarımları genellikle dikey, yatay, dikey açılır ve yatay açılır olarak dört gruba ayrılabilir. Bu yazıda animasyonlu yatay açılır menü kavramı örneklerle açıklanmaktadır. Yatay diğer yatay açılır menü örneği için Yatay Menü Yapımı yazısına ulaşabilirisiniz. Öncelikle içine dahil edeceğimiz div etiketinin …

Devamını oku »

Resmin Yanına Yazı Yazma

Resimlerin soluna yada sağına resim gelmesi için CSS yada HTML ile bir kaç düzenleme yapmamız gerekir. Aşağıda bir kaç örnekle resimlerin soluna ve resimlerin sağına yazıları getireceğiz.

Devamını oku »

CSS Pseudo elements (Sözde Elementler)

Sözde sınıflar gibi sözde elementler tanımlayıp bunları kontrol etmek mümkündür. Tanımlanmış bir elementin özel bir bölümünü düzenlemek ve güncellemek için pseudo element (sözde element) seçicilerini kullanabiliriz. Bir etiketin ilk karakterini(first-letter) yada ilk satırını (first-line) pseudo element seçicilerini kullanarak seçmek mümkündür. Burada aşağıdaki sözde etiket seçicilerinin kullanımı örnekler ile açıklayacağım.

Devamını oku »

CSS ile Etkili Resim Efektleri

Eskiden can alıcı görüntüler oluşturmak için Photoshop gibi grafik programlarından faydalanırdık. Günümüzde CSS’e eklenen bir çok özellikle göz kamaştıran resimler ve galeriler oluşturmak mümkün hale geldi. Şimdi size internette gördüğün bir kaç tane güzel resim örneğini HTML ve CSS kodları ile birlikte yazacağım.

Devamını oku »

CSS ile Tablo Ortalama

Css kullanarak block ve table nesnelerini ortalamak için dışarıdaki boşlukarı auto yapmak gerekir. Aşağıdaki kod ile tabloyu bulunduğu etiket içinde ortalayabilirsiniz.

Devamını oku »

CSS ile Etiketleri Ovalleştirme (Border Radius)

border-radius kullanarak istediğimiz her hangi bir etiketin köşelerine ovallik verebiliriz. Hatta istediği köşenin istediğimiz bir kenarına da ovallik değeri vererek eliptik nesneler oluşturmak mümkündür. border radius sıklıkla butonlarda kullanılmasına rağmen google+ hesaplarında dikkat etmişsinizdir. Resimlerin çerçevelerini ovalleştirmek içinde kullanılmıştır.

Devamını oku »

CSS İletişim Formu Yapımı

CSS Contact Form

Şunu kabul edelim HTML formlar webin önemli bir parçasıdır. Kullanıcıların sayfa ile etkileşimi için güçlü ve önemli birer araçtır. Tasarımı kötü olan bir formun kullanıcıların sayfa hakkındaki görüşlerini olumsuz yönde etkileyeceği gerçeği kaçınılmaz bir gerçektir. Bu yazıda kullanabileceğiniz örnek bir kaç form ile sayfanızın daha güzel görünmesini sağlayabilirsiniz.  Şunu öncelikle belirteyim aşağıdaki formlar güncel tarayıcılar ile tam uyumlu çalışacaktır. Eski …

Devamını oku »

CSS ile Web Sayfası Oluşturma

Günümüzde web sayfalarında CSS3 ile ( hatta CSS4 yolda ) temel bir çok görsel rahatlıkla oluşturmak mümkün. Bu yazıda CSS’nin önemli bir kaç özelliği ile  sade bir site oluşturacağız. Oluşturacağımız sitenin tasarımı şu şekilde olacak.

Devamını oku »

Kutu Modeli (Box Model)

Bir HTML dökümanı içinde, her etiket bir dikdörtgen kutu olarak kabul edilir. Bu kutuların özelliklerini (genişlik,yüksekli renk vb.) yorumlamak tarayıcı motorlarının görevidir. CSS ile tüm kutular tanımlanırken standart kutu modeli (box model) olarak tanımlanmaktadır. Box model tanımlaması her bir etiketin ekranda ne kadar yer kaplayacağını ifade etmektedir. Her bir kutunun genişlik/yükseklik, iç boşluk(padding), kenarlık (border) ve dış boşluk (margin) değerleri etiketin …

Devamını oku »
Wordpress Tema indir