Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj28.06.2009, 14:30 (UTC)    
Mesaj konusu: http://hackerfriend.tr.gg/browser_css.htm bu konu hakkınd

arkadaşlar bi arkdaş sitemi optimize etmem için ban bu adrese bak dedi
http://hackerfriend.tr.gg/browser_css.htm
buraya baktım bir dosya indirilecek diyor o dosyayı indirdim fileden com yükleledim ama bundan sonra ne yapıllcak bilen varsa lütfen yarıdım etsin



işte linki __ http://www.fileden.com/getfile.php?file_path=http://www.fileden.com/files/2009/6/28/2491856/rafaelp-css_browser_selector-978a46e373be2db5cd959c0a42db7a5d53b0daa6.zip











Seçtiğimiz kodların farklı tarayıcılara göre çalıp çalışmadığını belirlemekle iş bitmiyor. Bu sefer de kod çalışsa bile her tarayıcıda farklı görünümler oluşabiliyor. Bunun için de CSS Hack yöntemlerini kullanmak gerekiyor. Eğer her tarayıcı da farklı çalışan bir CSS şablonu oluşturmak isterseniz Rafael Lima ‘nın yazdığı bir Javascripti kullanabiliriz. 1 KB dan daha küçük olan bu javascripti TR.GG siteniz var ise fileden.com adresine yükleyerek aşağıdaki şekilde TASARIM ÜZERİNDEKİ YAZI kısmına yapıştırmanız yeterli olacaktır.

<script src="FILEDEN.COM URL'Sİ" type="text/javascript"></script>

Eğer bir hostinge sahipseniz bu dosyanın uzantısını .js yaparak yükleyin ve <head> </head> tagleri arasına bırakın.

Her tarayıcı için görünecek CSS özelliklerini ayarlayın. Örneğin Firefox‘da h1‘in boyutunun 16px ve IE‘da ise 18px olmasını istiyorum. Bunun için yapmam gereken;

.gecko h1 {font-size: 16px;}
.ie h1 {font-size:18px;}
Ya da Mac üzerinde Safari kullanan biri baktığında h1 boyutunun 10px olarak görsün istiyorum;

.mac.webkit h1 {font-size:10px;}
olarak yazmamız gerekir. Özellikle burada dikkat edilmesi gereken nokta işletim sistemi adı ile tarayıcı adının arasında boşluk bırakılmamasıdır.

İşletim sistemleri için kullanılabilecek kodlar;

* win - Microsoft Windows
* linux - Linux (x11 and linux)
* mac - Mac OS

Tarayıcılar için kullanılabilecek kodlar

* ie - Internet Explorer (All versions)
* ie6 - Internet Explorer 6.x
* ie5 - Internet Explorer 5.x
* gecko - Mozilla, Firefox, Camino
* opera - Opera (All versions)
* opera8 - Opera 8.x
* opera9 - Opera 9.x
* konqueror - Konqueror
* webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu