bildirgec.org

css hakkında tüm yazılar

web tasarım için en iyi online araçlar

admin | 17 November 2009 13:07

Web tasarımda ufak tefek işlerimizi halledebileceğimiz online uygulamalar burada derlenmiş. şimdi bu uygulamalarla neler yapabileceğimize göz atalım.

1-dotemplates: Ücretsiz web şablonu(template) indirme imkanı sağlayan dotemplate, tasarımda değiştirmek istediğiniz bölümleri online düzenleme imkanı sunuyor. tasarımları gördüğünüzde düzenlemeye gerek duyar mısınız size kalmış.

2- wordpress theme generator: Eğer beğendiğiniz wordpress temasını bulamamışsanız, o zaman kolları sıvayıp wordpress theme generator ile tema oluşturmaya başlamalısınız.

20 dakikada CSS ile web tasarımı

hakancamoglu | 06 November 2009 17:01

20 dakikada CSS ile web tasarımı
20 dakikada CSS ile web tasarımı

Hakan Çamoğlu‘nun CSS ile ilgili video derslerini internet üzerinde birçok sitede gördüm ve hepsini böyle bir başlık altında toplamak istedim. Gerçekten harika bir video ders serisi. Web tasarımı ile uğraşan herkes izlemeli, öğrenmeli…

Bu videolardan CSS ile ilgili olanları bir başlık altında toplayacak olursak çok güzel bir seri ortaya çıkıyor: 20 dakikada CSS ile web tasarımı…

Sprite Tekniği ile Basit Css Menü Yapımı

goldharpoon | 05 November 2009 09:57

Merhaba!

css 2.0 ile hayatımıza giren Sprite tekniği çok geniş kullanım alanına sahiptir. Hem sayfa hızını olumlu yönde etkilemesi hemde kişiye sunduğu hız ve kolaylıklada çok kişinin duasını almıştır da diyebiliriz.

Sprite tekniğinde menü vb. gibi imajları tek bir dosya altında toplayarak hız ve pratiklik kazanıyoruz.

css sprite tekniği
css sprite tekniği

Yukarıda gördüğünüz örnek menümüzde tek .gif dosyası içinde menünün hem up hemde over hağlini birlikte görüyoruz ve menüyü yaparken sadece tek bu imajı kullanıcaz.

font-face artık tüm tarayıcılarda!

basarozcan | 30 October 2009 12:03

Eğer web tasarımı ile uğraşıyorsanız @font-face tanımlamaları ile istediğiniz fontları sitenizde kullanmanın olağan olduğunu biliyorsunuzdur. OTF ve TTF gibi değişik uzantılı fontları birçok tarayıcıda sorunsuz olarak gösterebiliyorsunuz. Fakat iş bu fontları Internet Explorer’da kullanmaya gelince malesef tahmin edeceğiniz gibi yine bir sorunla karşı karşıya kalıyoruz.

@font-face desteği aslında Internet Explorer 4’ten beri Microsoft’un desteklediği bir deklerasyon. Fakat bu destekleri biraz tutucu. Çünkü IE serisi sadece EOT (Embedded Open Type) fotmatlı fontları desteklemekte. Bu formatın seçilmesinin nedeni ise bu formatlı font dosyalarının kopyalanarak kişisel kullanıma izin vermemesidir.

Bu yazıda sevdiğiniz fontları nasıl EOT formatına çevireceğinizi ve sitelerinizde nasıl kullanacağınız konusunda ipuçlarını kullanarak sitelerimizin albenisini arttıracağız.

Tarayıcılar ve desteklenen formatlar
Tarayıcılar ve desteklenen formatlar

Birinci Adım: Ücretsiz bir font seçin
Internet’te birçok ücretsiz font sunan site var. Lisans problemleri ile karşılaşmak istemiyorsanız tamamen ücretsiz lisansla yüklenmeye sunulan fontları bularak sitelerinizde kullanmaya bakın. Bu tarz fontların sıralandığı fontex.org mutlaka göz atılması gereken kaynaklardan.

Sidebar Ana Sayfa Dışında Gözükmesin (Blogger)

rsnbK | 23 October 2009 11:46

Merhaba bloggerla ilgili bi sorum olacak Özellikle blogger’ın kodlama yapisini bilenlere..

Ben bloggerdaki sidebarın sadece ana sayfada gözükmesini istiyorum yani yazi içine girildiğinde sidebar gözükmeyecek sadece yazi olacak..Bunu bloggerda nasil yapabilirim?Kod olarak gösterebilrmisiniz..Şimdiden teşekkürler..

mouseover ve css yatay menu

Emre KIYAK | 10 October 2009 16:00

Selamlar herkese

CSS’de yatay menü üzerine bir çalışmam var. Takıldığım bir noktayı sormak istiyorm.

Yatay menüde Ana Sayfa – Hakkımızda – İletişim şeklinde bağlantıların olduğunu düşünün. Üzerlerine gelindiğinde linkin üzerinde bir imaj göstermem gerekli. Örneğin iletişimin üzerine geldiğinizde onun belli mesafe üstünde telefon ikonu göstereceğim.

Bununla ilgili çeşitli sıkıntılar yaşadım. En kabaca çözüm örneğini aşağıda veriyorum. Bu örnekte sadece linkin üzerine değil doğrudan katmanın üzerine gelince arka plan zeminini değiştiriyorum. Böylece link üzerine gelince değişmiş gibi duruyor ama bu biraz çakma bir çözüm oldu. Farklı ve en uygun çözüme yakın önerilerinizi bekliyorum.

ajax ve css birleşirse

samibenliler | 08 October 2009 17:31

slm arkadaşlar merak ettim ajax ile css birleşirse uygulamalar nasıl olacak diye o yüzden araştırdım çok süper bir uygulama var paylaşmak istedim
umarım işinize yarar.
Flash Galeri AjaX CSS

indirmek için tıklayın