css olarak etiketli yazılar
Ajax özellikli CSS tabanlı sekme menüsü
27 Ara
Web 2.0 ile birlikte sekme şeklinde menüler ve içerikler oldukça fazla dikkat çekmeye başladı. Tasarım açısından da tasarımcıları oldukça rahatlatan bu objelerin 37’sini bir araya getirmişler. Bu adresten kullanmak istediğinizi seçtikten sonra geri kalan işlem yaratıcılığınızı kullanmak.
PHP ile satır renklendirme
12 Ara
Hazırladığınız bir tablonun satırlarının her birinin farklı renklerde olması hem okunmasını kolaylaştırır hem de çok daha şık bir görüntü sunar.
Bu işlemi yapmanın çeşitli yolları vardır. JavaScript ile hazırlanabileceği gibi CSS ile de bu işlemi gerçekleştirmek mümkün. Aşağıdaki örnek kısa ve çabuk olarak tablolarınızın satırlarını renklendirmeyi sağlıyor.
Öncelikle bir değişken tanımlamalısınız. Bu tanımlama işini döngü öncesinde halledilmelidir.
CSS dosyası
1 2 | .tr_even { background-color: #fffff; } .tr_odd { background-color: #eff3fe; } |
PHP dosyası
1 2 3 4 5 6 7 8 9 | $class = 0; while(list(.....) = mysql_fetch_row($sorgu)) { ... $class++; $c = ($class % 2) ? 'tr_even' : 'tr_odd'; echo " "; ... } |
Wordpress eklentileri gelişmiş
23 Oca
Yaklaşık 6 aydır blog’umu ellememişim. Bu süre içerisinde Wordpress tarafında birçok yenilik ve güzellik olmış. Eklentilerde de yenilikler yok değil.
Mesela, bana göre en başarılısı NextGEN Gallery. Tek bir ZIP dosyasını sunucuya yüklüyorsunuz sonrasında sayfada
CSS 3.0gibi bir ifade ile doğrudan galeriniz yayına alınıyor. Web albümleri hazırlamak sonrasında yayınlamak gerçekten birkaç tıklamadan ibaret.
NextGEN Gallery
Bir diğer eklenti ise dosya gönderme ile ilgili. Flexible Upload isimli bu eklenti yazı yazma aşamasında yeni field’lar ekleyerek tek bir seferde dosya upload’u sunuyor. Hizalama ya da thumbnail gibi ayarlar ise Tercihler içerisinden kolayca yapılabiliyor.
Flexible Upload
Şimdilik keşfettiklerim bu kadar. Devamı olursa mutlaka eklerim.
CSS Dock Menu
25 May
Güzel blogumun güzel tasarımını hazırlayan ekip boş durmamış yeni bir script ortaya koymuşlar. Efendim, Mac OS sistemle hayatımıza giren Dock menüsünü (alttta simgelerin yer aldığı ve üzerine fare ile gidildiğinde büyüyen simgeler grubu) HTML sayfalarında kullanabilmemizi sağlıyor. Bu adresten detaylı bilginin alınabileceği gibi şu adresten de doğrudan zip paketini indirebiliyorsunuz.
Bu nasıl birşey denemek istiyorum derseniz işte bu da o sayfanın adresi…
Transparan görsellerin kullanımı
9 May
Gün geçtikçe internet üzerindeki teknolojiler de değişiyor, gelişiyor. Bunlardan en güzeli ve en kullanışlısı son zamanlarda keşfettiğimin transparan resimlerin sitede gösterilmesi. Bu durum önceden de GIF ile oluyordu. GIF, tek bir rengi şeffaf hale gelebiliyordu.
Ancak son zamanların gözde resim formatı olan PNG sayesinde gölgeli resimleri sitenizde kullanabiliyorsunuz. PNG dosyalarını hazırlamak için ben Fireworks kullanıyorum. Şeffaf olarak görseli hazırladıktan sonra CSS dosyasında yapılacak bir iki ilave ile resimler sorunsuz olarak gösterilecektir.
Eklenmesi gereken CSS kodu:
CSS 3.0Daha sonra bu CSS öğesini istediğiniz gibi, istenilen bir zemin rengiyle birlikte sayfanızda kullanabilirsiniz.
Bu kod, Internet Explorer’da bile sorunsuz olarak çalışıyor.
Örnek çalışmayı görmek için tıklayın.
SON YORUMLAR