Use your widget sidebars in the admin Design tab to change this little blurb here. Add the text widget to the Blurb Sidebar!

CSS ile Site Dışı Bağlantılara İkon Eklemek

Posted: Ekim 31st, 2010 | Author: | Filed under: Genel, İnternet & Bilgisayar | Tags: , , | 2 Comments »

Vikipedi sitesindeki makalelerde dış bağlantılar kısmında bağlantının vikipedi’nin dışına gideceğini ifade eden external ikonunu () görmüşsünüzdür. Bunu CSS ile kendi sitemize de uygulayabiliriz. Hem de linkler için hiçbir .class kullanmadan, otomatik bir şekilde yapabiliriz. Daha önce eburhan’ın Bildirgeç’te anlattığı ‘CSS ile linkleri simgeleştirmek‘ (iconize textlinks with css) konu başlığını esas alarak başlayalım işe. Orada anlatılan, bir CSS dosyasını siteye entegre ederek, site içerisindeki çeşitli bağlantı türlerine özel resimler atamak (.rar için minik arşiv ikonu, .jpg için minik resim ikonu). Ancak bunun tek eksik yanı, sitedeki harici (external links), yani site dışına çıkan bağlantılara özel resimler atamanın gösterilmemiş olması. Bunun nasıl yapılacağı konusunda küçük bir ‘google araştırması’ yaptım; ancak işe yarar bir şeye rastlamadım. Read the rest of this entry »


Ücretsiz Tipografik XHTML/CSS Şablonlar

Posted: Temmuz 19th, 2009 | Author: | Filed under: Genel, İnternet & Bilgisayar | Tags: , , , | 1 Comment »

Şablonların tanıtımını yapmadan önce tipografi kavramı üzerinde durmak istiyorum. Tipografi vikipedide forma uygun yazmak şeklinde tanımlanıyor. Yani tipografi; yazı tipi, punto büyüklüğü, satır uzunluğu, satır arası boşluk ve benzer etkenlerin kombinasyonları ile yapılıyor. Tipografik çalışmaların yanında tipografik web siteleri de mevcut. Bu siteler okuyucunun site üzerinde okumasını kolaylaştırmanın yanında tasarıma da ayrı bir güzellik katıyor. Read the rest of this entry »


HTML 5 & CSS 3 Cheat Sheet (PDF)

Posted: Temmuz 16th, 2009 | Author: | Filed under: Genel, İnternet & Bilgisayar | Tags: , , | No Comments »

Web tasarım bloglarında bolca adını duyduğumuz, kullanım alanlarını öğrendiğimiz CSS 3 ve HTML 5‘in cheat sheetleri (kopya kağıtları) geçtiğimiz günlerde Smashing Magazine tarafından paylaşıldı. Bu kopya kağıtları sayesinde kodlamalarınızı daha hızlı gerçekleştirebilirsiniz. Cheat Sheetleri PDF formatında paylaşıyorum.
Read the rest of this entry »


Kolay ve Hızlıca CSS Kodlamak İçin 50 Şahane Araç

Posted: Temmuz 16th, 2009 | Author: | Filed under: Genel, İnternet & Bilgisayar | Tags: , , , | No Comments »

CSS kodlarken sadece bir editör ve bir stil sayfası mı kullanıyorsunuz? İlla da tasarımın tamamını ben yapacağım diyip her yeni projede kodlamaya en baştan başlıyorsanız büyük yanlış yapıyorsunuz. Unutmamalı ki profesyonel tasarımcılar dahi hazır şeylerden, araçlardan ve üreticilerden hep yararlanır. Bu amatörleşmek değil, profesyonelleşmektir.Profesyonelleşmeniz ve CSS taslaklarından, gridlere; butonlarından, yuvarlanan köşelere kadar çoğu yerde fazla zaman harcamamak için bu CSS araçlarını ve CSS üreticileri (generators) kullanmak gerekiyor. Read the rest of this entry »


Modern Navigasyon Menü

Posted: Şubat 11th, 2009 | Author: | Filed under: İnternet & Bilgisayar | Tags: , | 1 Comment »

Bugünlerde birçok web sitesinde bu navigasyon menüler hoşunuza gitmiş, ancak yapamamış olabilirsiniz. Veerle Blog tarafından sizin için hazırlanmış bir menü mevcut. Bir imaj ve CSS ile yapılmış.

css-breadcrumbs

Read the rest of this entry »