Ajax özellikli CSS tabanlı sekme menüsü

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.

sekme_menu_ornek

PHP ile satır renklendirme

tr_renklendirme

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ı

.tr_even { background-color: #fffff; }
.tr_odd { background-color: #eff3fe; }

PHP dosyası

$class = 0;
while(list(.....) = mysql_fetch_row($sorgu)) {
...
$class++;
$c = ($class % 2) ? 'tr_even' : 'tr_odd';
echo "
";
...
}

WordPress eklentileri gelişmiş

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][/css]

gibi 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

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

Flexible Upload

Şimdilik keşfettiklerim bu kadar. Devamı olursa mutlaka eklerim.

CSS Dock Menu

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.

CSS Dock Menu

Bu nasıl birşey denemek istiyorum derseniz işte bu da o sayfanın adresi…

Transparan görsellerin kullanımı

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].golgeliresim {
width: 200px;
height: 100px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’golgeli_resim.png’ mce_src=’golgeli_resim.png’);
background: url(golgeli_resim.png) top left no-repeat;
background: transparent url(golgeli_resim.png) !important; background: transparent;
}[/css]

Daha 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.

Macromedia “8”ledi

3, 4, 5, MX, MX 2004 derken şimdi de tüm paketlerinin bir arada olduğu 8. sürümü lanse etti. Evet, Macromedia firmasından bahsediyorum. Ağustos ayı başında Studio serisinin 8. sürümünü duyurduğunu açıkladı. Daha önceki sürüm olan Studio MX 2004’ün yerine yıl isimlerinde vazgeçip kaldığı yerden 8. sürümü ile ürünlerinin yenilenmiş üst versiyonlarını duyurdu. Bu paket içerisinde Dreamweaver 8, Flash Professional 8, Fireworks 8, Contribute 3, FlashPaper 2 uygulamaları yer alıyor. Dreamweaver, Flash, Fireworks uygulamaları önceki sürümlerde birçok kez bir araya gelip çeşitli paketleri oluşturdular. Ancak bu sürümde yanlarına bir de Contribute ve FlashPaper uygulamaları dahil oldu.

Okumaya devam et Macromedia “8”ledi