implant


  Aktif KonularAktif Konular  Forum Üyelerini GösterÜye Listesi  Forumu AraArama  YardımYardım
  Kayıt OlKayıt Ol  GirişGiriş
Diğer Programlama Dilleri
 ASPTurkiye.com Forum : Diğer Programlama Dilleri
Konu Konu: Tarayıcıya Göre CSS Yanıt YazYeni Konu Gönder
Yazanlarda
Mesaj << Önceki Konu | Sonraki Konu >>
ASPmania
Kıdemli Üye
Kıdemli Üye


Kayıt Tarihi: 17-Temmuz-2005
Ülke: Türkiye
Gönderilenler: 118
Gönderen: 21-Nisan-2010 Saat 00:35 | Kayıtlı IP Alıntı ASPmania

Arkadaşlar bu yazımda, tasarımlarımızda hepimizin artık en büyük sorunlarından biri olan Internet Expolorer'da düzgün görünen sitemizin Firefox, Google Chrome, Opera vs. tarayıcılarda farklı görünmesi sorunundan bahsedeceğim.

Eskiden sadece Internet Explorer vardı, tasarım kodlamasını yalan yanlış yapsak da tarayıcı doğru gösterdi mi tasarımı tamamlanmış sayardık. Ama artık işler biraz değişti. Firefox, Google Chrome, Opera vs. gibi tarayıcıların artık hatrı sayılır bir kullanıcı kitlesi var. Bu yüzden de artık sitemiz bu tarayıcılarda da düzgün görünmeli.

Bunun içinde en doğru yöntem doğru kodlama, doğru tasarım. Doğru bir tasarımda tarayıcılar arasında farklılıklar asgariye inecektir. Fakat bazen öyle durumlar oluyorki, insan saç baş yolabiliyor. Böyle durumlarda da benim tercih ettiğim yöntem tarayıcıya göre CSS.

Peki nasıl olucak bu iş? Panik yok anlatıyorum:

Öncelikle şunu belirtmeliyimki , yazılımı bize sunan "Rafael Lima"dır. Ben şu an sadece Türkçe çevirisini yapıyorum.

Orjinal sayfa: http://rafael.adm.br/css_browser_selector/

 

1) Aşağıdaki js motorunu bilgisayarınıza indiriniz.
2010-04-21_002118_css_browser_selector.rar

2) Sayfanızda <head> </head> kodları arasına js motorunu tanıtınız:

<script src="css_browser_selector.js" type="text/javascript"></script>

3) Bu tanımlamayı yaptıktan sonra uygulamayı style kodlarınızda aşağıdaki gibi kullanabilirsiniz.

------"STYLE_DEGISKENI" başlıklı style kodu tanımlanıyor----

.STYLE_DEGISKENI{
 BORDER: #000000 0px solid;
}


------"STYLE_DEGISKENI" başlıklı style kodu Google Chrome tarayıcısı için tekrar tanımlanıyor----

.chrome .STYLE_DEGISKENI{
 BORDER: #000000 0px solid;
}



------"STYLE_DEGISKENI" başlıklı style kodu IE 6 tarayıcısı için tekrar tanımlanıyor----

.ie6 .STYLE_DEGISKENI{
 BORDER: #000000 0px solid;
}

---------------------

Tüm tarayıcıların tanımlama listesi:

ie - Internet Explorer (Tüm Versiyonlar)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (Tüm Versiyonlar), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5
opera - Opera (Tüm Versiyonlar)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
konqueror - Konqueror
webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome
safari3 - Safari 3.x
chrome - Google Chrome
iron - SRWare Iron

Görüldüğü gibi uygulamanın kullanımı oldukça basit. Takıldığınız yerler olursa yine yardımcı olmaya çalışırım.

Yukarı Dön Göster ASPmania's Özellikler Diğer Mesajlarını Ara: ASPmania Ziyaret ASPmania's Ana Sayfa
 
alenn34
Kıdemli Üye
Kıdemli Üye


Kayıt Tarihi: 26-Nisan-2013
Gönderilenler: 112
Gönderen: 28-Temmuz-2013 Saat 02:15 | Kayıtlı IP Alıntı alenn34

teşekkürler bilgi için....


Düzenleyen alenn34 17-Ekim-2013 Saat 17:43


__________________
koltuk tamirkoltuklar,koltuk
Yukarı Dön Göster alenn34's Özellikler Diğer Mesajlarını Ara: alenn34
 
halilklark.
Yeni Üye
Yeni Üye


Kayıt Tarihi: 01-Ağustos-2013
Ülke: Türkiye
Gönderilenler: 3
Gönderen: 01-Ağustos-2013 Saat 12:29 | Kayıtlı IP Alıntı halilklark.

teşekkür ederim.
kurumsalseohizmetleri.blogcu.com
Yukarı Dön Göster halilklark.'s Özellikler Diğer Mesajlarını Ara: halilklark.
 
mrkorkan
Kıdemli Üye
Kıdemli Üye


Kayıt Tarihi: 24-Ağustos-2013
Ülke: Turkiye
Gönderilenler: 138
Gönderen: 29-Mayıs-2014 Saat 11:46 | Kayıtlı IP Alıntı mrkorkan

bilgi için teşekkürler
Yukarı Dön Göster mrkorkan's Özellikler Diğer Mesajlarını Ara: mrkorkan
 
ankebutbilisim
Üye
Üye


Kayıt Tarihi: 16-Aralık-2017
Ülke: Türkiye
Gönderilenler: 52
Gönderen: 15-Ocak-2018 Saat 13:53 | Kayıtlı IP Alıntı ankebutbilisim

Web tasarımı, internet üzerinde yer alan web sitelerinin
tasarlanmasını ve kodlamasını sağlayan bir yapıdır.
Sizlere güncel kod yapısı ve özgün tasarımlar ile web
sitesi oluşturma konusun da hizmet vermekteyiz.
http://www.ankebutbilisim.com/web-tasarim/

__________________
ANKEBU BİLİSİM
Yukarı Dön Göster ankebutbilisim's Özellikler Diğer Mesajlarını Ara: ankebutbilisim Ziyaret ankebutbilisim's Ana Sayfa
 

Eğer Bu Konuya Cevap Yazmak İstiyorsanız İlk Önce Giriş
Eğer Kayıtlı Bir Kullanıcı Değilseniz İlk Önce Kayıt Olmalısınız

  Yanıt YazYeni Konu Gönder
Yazıcı Sürümü Yazıcı Sürümü

Forum Atla
Kapalı Foruma Yeni Konu Gönderme
Kapalı Forumdaki Konulara Cevap Yazma
Kapalı Forumda Cevapları Silme
Kapalı Forumdaki Cevapları Düzenleme
Kapalı Forumda Anket Açma
Açık Forumda Anketlerde Oy Kullanma

Powered by Web Wiz Forums version 7.91
Copyright ©2001-2004 Web Wiz Guide

Bu Sayfa 0,0781 Saniyede Yüklendi.