Css’de Code Tagını Biçimlendirme
Mayıs 10, 2008 | Yorum Yok
Sitenize yada blogunuza kullanımı göstermek amacıyla kaynak kodu eklerken epey zorluk çekersiniz. CSS ile hazırladığım basit ve ufak bir kodlama sayesinde istediÄŸiniz biçimde ve renklerde sitenizde kodları gösterebilirsiniz. VerdiÄŸim yapıyı css dosyanıza eklediÄŸiniz taktirde <code>…</code> arasında kullanmanız yeterlidir. Size yazının devamında bir kaç renkte kodlama yapısı sunacağım. Yapıları gördüğünüz çerceveyide demo olarak kabul edebilirsiniz ve verdiÄŸim kodları kendinize göre düzenleyip kendi biçiminizi oluÅŸturabilirsiniz.
Piyasaya yeni çıkan bir wordpress plugini. Last.fm üye isminizi alıyor ve son dinlediÄŸiniz parçaları wordpress blogunuzun kenar sütununda gösteriyor. Ayrıca kaç tane parçanın gösterileceÄŸini ayarlayabiliyorsunuz. Server ile olan saat farkı sorunlarına çözüm olarak eklenti ayarlarında last.fm serverıyla sizin server’ınız arasındaki saat farkını saniye olarak girmenize olanak saÄŸlayan bir özellik eklenmiÅŸ. Plugin’in css dosyasında en ince ayrıntıya kadar eriÅŸim destekleniyor. Plugin dili ingilizce ama dosyanın içeriÄŸini yeniden düzenleyerek Türkçe yapılabilir.
Zamanımın az olması nedeniyle pek yazı yazamıyorum ancak elimden geldiÄŸi kadar internette yayınlanan faydalı bilgileri size haberdar etmeye özen gösteriyorum. Yine Smashing magazine sitesi güzel bir listeleme yapmış. Bu seferki konu 35 Adet kullanışlı kod editörü. Kod yazarları için önemli olan kodu yazarken aynı zamanda kontrol edebilmektir. Zamanında “C” Programlama dilinde ufak programlar yazarken en ufak bir noktalama hatasını bulmak epey zaman alıyordu. Åžimdiki bu anlatılan programlar kod yazmak çok basit ve aynı zamanda eÄŸlenceli bir hal alabiliyor. Kodların renklendirmesinden tutun hazır kod ÅŸemalarına kadar programların içinde barındırılıyor ve kod yazmak kolaylaşıyor. Fazla uzatmadan sizi 35 adet kullanışlı kod editörleri ile baÅŸbaÅŸa bırakıyorum.
Noktalama yöntemi ile yapılan pixel grafikler gittikçe çoğalıyor. Rss takibinde olduğum smashing magazine sitesi bazı profesyonel pixel grafiklerin listesini çıkarmış. Görünce şaşıracağınız pixel ile hazırlanmış grafikler ve siteler cidden çok güzel duruyor. Fazla uzatmadan listenin linkini vereyim ayrıca yazının devamında da eklediğim birkaç pixel grafikleri görebilirsiniz. Ufak bir tüyo vereyim yazının devamındaki ilk resmin sağ üst köşesinde bir tabelaya Spaksu.com yazısını ekledim. Yakıştı : )
Mesela sayfanızda wallpaper tarzında sabit resimler yayınlıyorsunuz yada yine wallpeper tarzında sabit arkaplanınız var. Fakat kullanıcının sıkılmasınıda istemiyorsunuz . İşte vereceğim kod tam olarak burada devreye giriyor. İnternet sitenizde bir klasör oluşturup içine boyutları aynı olan istediğiniz kadar resim aatıyorsunuz . Ve bu kod o klasörde bulunan resimmleri rasgele şekilde kullanıcılarınıza resim yada arkaplan olarak gösteriyor. Kulaanımı çok basit. Yazının devamında kodlama ve kullanımı için bilgileri bulabilirsiniz.
Sitesinde genelde photoshop çalışmalarını ve derslerini bulunduran ve sitesini sıklıkla takip ettiÄŸim yabancı bir arkadaşımız yeni yazdığı bir dersinde internet explorer logosunun Fireworks’de nasıl yapıldığını kademe kademe anlatmış. Ben yakında onu Türkçe bir ÅŸekilde size anlatarak yapacağım ancak ÅŸimdilik sizi o sayfaya yönlendireceÄŸim. Anlatımı çok kolay ve hazırlanışı çok basit. Yanda gördüğünüz logoyu arkadaşımızın söylediklerine uyarak hazırladım çok da hoÅŸ oldu. Alttaki linki tıklayarak sayfasına ulaÅŸabilirsiniz. Ä°sterseniz yandaki hazırladığım logonun png dosyasınıda verdim belki fikir edinirsiniz. Spex PNG Dosyası 
Css hakkında siteler serisine kaldığımız yerden devam ediyoruz. Bir önceki iki seride 
