‘liste’ etiketi için sonuçlar
ie6/7′da postion:relative Uygulanmış Elemanlarda z-index Sorunu
Nisan 30th, 2010 • 8 yorum CSS, Web Standartları, XHTML
Etiketler: ie6, ie7, liste, postion:relative, z-index
Bu sorunla neredeyse 4-5 kere karşılaşmışımdır. En son yaptığım projede karşılaşınca yazmaya karar verdim.
Sorunu açıklamaya çalışayım; postion:relative uyguladığımız elemanların(li) içinde postion:absolute kullanarak eklediğimiz elemanlar sıralı elemanlarının altında kalıyor.
Genelde bu durumla liste(li) elemanı içinde üzerine gelince açılan bir alan(menü) açtırmak istediğimizde karşılaşıyoruz. Okumaya devam edin »
Sitemi düzenleme çabalarım II: "Son Okuduğum 10 Kitap"
Nisan 10th, 2008 • 27 yorum CSS, XHTML
Etiketler: blok-bağlantılar, css teknikleri, Kitaplar, liste
Son zamanlarda sitemin(fatihhayrioglu’nun not defteri) bazı bölümlerini yeniden gözden geçiriyorum. WordPress2.3.3 sürümünden sonra "Son Okuduğum 10 Kitap" bölümü çalışmamaya başladığı için kaldırmıştım belli bir süre sonra yeniden ekledim. Burada Yakuter’in kategori yazıları eklentisini kullanıyordum. Eklenti WordPress’in yeni sürüm ile birlikte çalışmamaya başladı. Bu kısımda bir kaç değişiklik yaptıktan sonra çalışmaya başladı. Hazır elimiz değmişken bide görünümünü değiştirelim dedim.
Şu ana alt kısımda gördüğünüz hali bitmiş hali. Bu kısmı nasıl yaptığımı açıklayarak kullanılan tekniğin nasıl uygulandığını sizlerle paylaşmak istedim. Olur ki sizede lazım olur.
01 Mart 2008 web’den seçme haberler
Mart 1st, 2008 • 6 yorum Haberler
Etiketler: CSS, facebook, gtalk, ie, jquery, lightbox, liste, silverlight, text-shadow
- Microsoft Silverlight 2. sürümüne bir göz atalım. Bağlantı
- CSS 3 ile birlikte tekrar gündeme gelen metin gölgeleme(text-shadow) özelliği ve kullanımı üzerine bir makale. Bağlantı
- CSS ile listeler üzerine ayrıntılı bir makale. Bağlantı
- Facebook benzeri otomatik tamamlama scripti. Bağlantı
- Javascript ile flash’a yakın saydam kenarlı alanlar oluşturmak için GlassBox. Bağlantı
- Site menü örnekleri ve trendleri. Bağlantı
- Mobil uygulamalar ölüyor mu? Bir çok sitede mobil yani anlayacağınız cep telefonuna uygulama yazmak ne kadar mantıklı. Bağlantı
- jQuery alt yapısını kullana facebook benzeri lightbox uygulaması. Bağlantı
- CSS ipucu; body kenar çizgisi atama. Bağlantı
- Gtalk ile web sitenizden anında sohbet scripti. Bağlantı
- IE8 de doctype geçişi. Bağlantı
- Yuvarlak kenarlı tab menü yapmak. Bağlantı
- Asp.net ve ajax yardımı ile otomatik metin tamamlama işlemi yapmak. Bağlantı
- “em ve piksel farkı” Bağlantı
- “Web Tarayıcıya Göre Değişebilen CSS Hazırlamak” Bağlantı
CSS ile Menü Yapmak IV – Yatay Açılır Menüler
Kasım 9th, 2006 • 199 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, css-menü, float, liste, menü, Web Standartları, XHTML, Yatay Açılır Menüler
Bir önceki makalede dikey açılır menüleri gördük. Bu makalede yatay açılır menülere bir örnek vereceğiz. Html kodumuz aynı olsun
Okumaya devam edin »
CSS ile Menü Yapmak III – Dikey Açılır Menüler
Kasım 8th, 2006 • 140 yorum CSS, Web Standartları, XHTML
Etiketler: açılır-menü, CSS, dikey açılır menü, drop-down-menu, liste, menü, pop-out-menu, Web Standartları, XHTML
Bu tip menüleri javascript ile yapabiliriz. HTML ve CSS ile de daha esnek, kolay düzenlenebilir ve bir çok web tarayıcısı tarafında desteklenen(IE6 ve öncesi dahil) açılır menü yapılabilir. Aslında javascript’e ihtiyaç olmamasına karşın IE7′den önceki sürümler için javascript kodu gerekmektedir.
Okumaya devam edin »
CSS ile Menü Yapmak I – Dikey Menüler
Kasım 5th, 2006 • 71 yorum CSS, Web Standartları, XHTML
Etiketler: CSS, liste, menü, ul, Web Standartları, XHTML
Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişimini sağlar. Bir çok site de Ürünler, İletişim, Hakkımızda vb. bölümlerini menü öğesi olarak görürüz. Bu makalede sırasız listeler(<ul>)ve CSS yardımı ile menü yapımını anlatacağız. CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve rollover efekti uygulana bilen menülerdir.
Okumaya devam edin »
