Css’de Code Tagını Biçimlendirme

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.

Okumaya devam…


Yuvarlak köşe biçimli css tablo yapısı oluşturmak

Bir çok webmaster menu yada herhangi bir tablo oluştururken köşelerin rounded (yuvarlak) biçimli olmasını ister. Size önericeğim site, renkleri ve köşelerin özelliklerini belirttikten sonra hem köşe imajlarını hemde kullanacağınız css ve html kodlarını size veriyor sizede sadece kullanması kalıyor.

Yapmanız gereken şeyler ilk olarak Box Background (kutu arkaplan rengi) , Page Background (sayfa arkaplan reng) , Corner Radius (köşelerin yarıçap değeri) ve Köşelerin transparan yapısını belirtmek. Create Graphic (grafikleri oluştur) dediğinizde size 4 adet köşelerin gif resimlerini , css yapısını ve htmlde kullanıcağınız kod yapısını veriyor ve gerisi tamamen sizin kullanım şeklinize kalıyor. İşte sitemiz ;

http://wigflip.com/cornershop/


OSWD – Açık Kaynaklı Web Tasarımı

Bir çok web tasarımcısının bildiği open source web design (açık kaynaklı web tasarımı) sitesi hazır html ve css tasarımların bulunduğu ve ücretsiz indirim yapabiliceğiniz bir yer. Amaç daha çok örnekler ile kendinize uygun olan tasarımı çıkarmanız tabi genelde bu şekilde değilde tasarım indirilip olduğu gibi kullanılıyor. Kendi tasarımınızı oluşturabilmeniz için güzel bir kaynak.

OSWD.org


Ücretsiz Html Eğlence Sitesi Tasarımı

Artstil Eğlence Şablonu ; Artstil Interactive Tarafından bir siteye yapılmıştır sitenin tasarımı yetersiz bulmasından dolayı tasarım elimizde kalmıştır bu nedenle ücretsiz olarak dağıtılmasına karar verilmiştir. Emeğe Saygı mahiyetinde Designed yazısını kaldırmamanız rica olunur. Logo pngsi ve gereken font dosyanın içinde mevcuttur.

Download | Alternatif