‘Google-Checkout’ etiketi için sonuçlar
CSS İpucu 21: CSS ile Seçilen Metinlerin Rengini Değiştirmek
Haziran 1st, 2009 • 14 yorum CSS, XHTML
Etiketler: css3, Firefox, Google-Checkout, internet explorer, Opera, safari, seçili-metin, WebKit
css-tricks.com sitesine her girdiğimde metinleri seçince çok hoş bir görüntü ile karşılaşıyorum. Bence çok güzel. Belkide standart renklerden bıktığım için farklı renkler bana hoş geliyor. Metinleri seçince ardalan rengini ve metin rengini değiştirebilmek çok güzel bence. Özelliğin tek kötü yanı Internet Explorer’un(8. sürüm dahil) desteğinin söz konusu olmaması.
Kodlama çok basit
::-moz-selection {
background:#c00;
color:#fff;
}
::selection {
background:#c00;
color:#fff;
}
Kodlamanın birinci kısmı(::-moz-selection) mozilla tabanlı yani Firefox için ikinci kısmı ise normal CSS 3 ile birlikte gelen koddur. Webkit tabanlı tarayıcılar ve Opera 9.5 bu kodu destekliyor.
Ayrıca diğer seçicilerede bunu uygulayabiliyoruz. Bağlantılar için farklı bir renk tanımlayalım mesela
a::-moz-selection {
background:#1259C7;
color:#fff;
}
a::selection {
background:#1259C7;
color:#fff;
}
Örnek olarak bu sitede herhangi bir metni seçince göreceksiniz.
Internet Explore desteklemiyor. Bunun haricinde Firefox 2, Safari, Opera 9.5 ve Google Chrome destekliyor.
Kaynaklar
Dreamweaver Tools for Google’¢ 1.0.0
Kasım 3rd, 2006 • 1 yorum Haberler, Web Standartları, XHTML
Etiketler: Dreamweaver, google maps, Google-Checkout, Google-Search, Web Standartları, XHTML
Dreamweaver kullananlar için Google araçlarını sitenize kolayca eklemenizi sağlayan güzel bir araç.
- Google Maps: Google haritasını kendi siteniz içine kelmenizi ve düzenlmenizi sağlar. Sitenize mesela şirketinizin yerin gösteren bir kroki gibi Google Map’deki şireketiniz gösterne yeri ekleyebilirsiniz.
- Google Search: En popüler arama motoru Google’un armasını sitenize keleyebilir ve istediğiniz aram koşullarına göre aram yaptırabilirsiniz.
- Google Checkout: Online alışveriş için Google Checkout hesabanıza direk yönlendirmek yaparak çok kolya bir şekilde alışveriş imkanı sağlayabilirsiniz.
Dreamweaver Tools for Google’¢ 1.0.0 indirmek ve iayrıntılı bilgi almak için tıklayınız.
