Erdem SELÇUK » css http://www.eravse.com Kişisel Günlük ,Teknoloji ve mobil yaşam Sat, 04 Sep 2010 08:27:59 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 İe css Salaklıkları http://www.eravse.com/index.php/2010/09/04/ie-css-salakliklar/ http://www.eravse.com/index.php/2010/09/04/ie-css-salakliklar/#comments Sat, 04 Sep 2010 08:23:12 +0000 Eravse http://www.eravse.com/?p=552 Tasarımcı arkadaşlarım özellikle Xhmtl – Css konusunda bir çok uzmanlaşmış dostlarım bile İE nin css konusundaki aptal haraketlerinden şikayet etmekteler. Bu gün bir kez daha İE kullanmanın ne kadar saçma sapan bir şey olduğunu anlamış bulunmaktayım ..

Sayfaya yerleştirdiğim kod 

      geri git

kadar kısa bir kod. Ekranda gördüğünüz mavi buton gerigit butonu ve adobe browser lab’a da güvenemedim tek tek açıp test ettim tabibi en problemli İE 8 :)

Daha fazla yorum yapamıyorum hatta anlamak için cümle bile kuramıyorum yorum sizin

]]> http://www.eravse.com/index.php/2010/09/04/ie-css-salakliklar/feed/ 0 Güvenli Web Fontları http://www.eravse.com/index.php/2009/09/26/guvenli-web-fontlari/ http://www.eravse.com/index.php/2009/09/26/guvenli-web-fontlari/#comments Sat, 26 Sep 2009 20:25:26 +0000 Eravse http://eravse.com/?p=296 Css le beraber kullanabileceğiniz güvenli ve güzel font listesini toplamış bulunmaktayım .Vakit buldukça düzenliyeceğim bu listeyi yaklaşık 20 adet .

Güvenli font Mac,Pc,Linux,safari,firefox vb tipteki platformlarda çalışabilecek herkez tarafından görülebilirlik sağlamak demektir.

Aşağıdaki örneklerde css dosyasını direk olarak kopyalayıp kullanabilirsiniz.Css kodunun üzerinde ise fontunuzun nasıl gözkeceğini görebilirsiniz.

Yorumlarınızı bekliyorum

Impact

impact

.classname {
color: #333333;
font-family: Impact, Charcoal, sans-serif;
}

Palatino Linotype

palatino-linotype

.classname {
color: #333333;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

Tahoma

tahoma width="300" height="49" class="alignnone size-medium wp-image-299" />

.classname {
color: #333333;
font-family: Tahoma, Geneva, sans-serif;
}

Century Gothic

century-gothic

.classname {
color: #333333;
font-family: Century Gothic, sans-serif;
}

Lucida Sans Unicode

lucida-sans-unicode

.classname {
color: #333333;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

Arial Black

arial-black

.classname {
color: #333333;
font-family: 'Arial Black', Gadget, sans-serif;
}
]]> http://www.eravse.com/index.php/2009/09/26/guvenli-web-fontlari/feed/ 0 CSS ile Linklere Otomatik Icon http://www.eravse.com/index.php/2009/09/21/css-ile-linklere-otomatik-icon/ http://www.eravse.com/index.php/2009/09/21/css-ile-linklere-otomatik-icon/#comments Mon, 21 Sep 2009 09:07:33 +0000 Eravse http://eravse.com/?p=144 Web masterların , html designer ların en büyük korkulu rüyası demek istemesem de bazen cross browser siteler yaparken css en büyük zamanımızı alan bir kabustur CSS.

Bu konuda çok profesyonel arkadaşlarım bulunmasına rağmen onlar bile bazı projelerde ve anlarda css le sorun yaşadıklarını itiraf ediyorlar.

Css ile sitemize eklediğimiz dökümanların iconlarınıda yanlarında göstermek istiyorsak css ile mümkünatı var tabiki. Nasılmı ?
Bütün programlar örneğin Word,Excel,Quictime,Flash vb.. programların iconlarını hyperlinkimizin yan kısmında gösterebiliriz.

ilk olarak linkimizi oluşturuyoruz

1

<a href="dokumanlar/butce12.pdf">Aralık Ayı Bütçe Raporu</a>

İkinci Aşamada PDF uzantılı dosyamız için olusturacağımız css kodu aşağıdaki gibi olmalıdır.

1
2
3
4

a[href $='.pdf'] {
 padding-right: 18px;
 background: transparent url(icon_pdf.gif) no-repeat center right;
}

Bu kodu uygulamamız da kullanmak istediğimiz bütün program iconları için yapmamız gerekecektir. Ve doğal olarak iconlarınıda images klasörü altına atmamız gerekecektir.

]]> http://www.eravse.com/index.php/2009/09/21/css-ile-linklere-otomatik-icon/feed/ 0