Comments on: Bir CSS Sprite Uygulaması http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/ xHTML, CSS, JavaScript Teknolojileri, Fireworks, Dreamweaver, Web Standartları, Erişilebilirlik ve Web Üzerine Herşey! Mon, 30 Aug 2010 22:53:33 +0000 hourly 1 http://wordpress.org/?v=3.0 <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=41c1394f579d5ba4524c1a09ce012622.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F41c1394f579d5ba45.png' width='32' height='32' alt='Wavatar' />By: Haymac http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-456 Wavatar Haymac Sun, 23 May 2010 23:23:48 +0000 http://www.oztecnic.com/?p=414#comment-456 @gurhan ul#Network li a#lastfm burdaki a yı kastediyorsan bunu değil ul#Network bu Network kısmını değiştirmen gerekiyor. sıfırdan bir blok hazırlamalısın bunun için. @gurhan

ul#Network li a#lastfm burdaki a yı kastediyorsan bunu değil ul#Network bu Network kısmını değiştirmen gerekiyor. sıfırdan bir blok hazırlamalısın bunun için.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=9b3b0a1e5114411051e0b0ad965be5b1.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F9b3b0a1e511441105.png' width='32' height='32' alt='Wavatar' />By: Gürhan http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-445 Wavatar Gürhan Wed, 31 Mar 2010 09:28:28 +0000 http://www.oztecnic.com/?p=414#comment-445 Evet siteme eklemeyi başardım(burçlar bölümü)..Tekrar teşekkür ederim gerçekten güzel bir yazı...Merak ettiğim bir konu var, ikinci bir cdd sprite uygulamak için kodlarda nasıl bir değişiklik yapmamız lazım..A yazan kısımları b yaptığım zaman linkler görünmüyorda... Evet siteme eklemeyi başardım(burçlar bölümü)..Tekrar teşekkür ederim gerçekten güzel bir yazı…Merak ettiğim bir konu var, ikinci bir cdd sprite uygulamak için kodlarda nasıl bir değişiklik yapmamız lazım..A yazan kısımları b yaptığım zaman linkler görünmüyorda…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=9b3b0a1e5114411051e0b0ad965be5b1.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F9b3b0a1e511441105.png' width='32' height='32' alt='Wavatar' />By: Gürhan http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-443 Wavatar Gürhan Mon, 22 Mar 2010 23:09:01 +0000 http://www.oztecnic.com/?p=414#comment-443 Yazını ve çalışmalarını çok beğendim.Yapabileceğimden emin değilim ama sitemde deneyeceğim... Yazını ve çalışmalarını çok beğendim.Yapabileceğimden emin değilim ama sitemde deneyeceğim…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=d41d8cd98f00b204e9800998ecf8427e.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2Fd41d8cd98f00b204e.png' width='32' height='32' alt='Wavatar' />By: CSS Background Özellikleri | SoniQuake Kişisel Web Sayfası http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-442 Wavatar CSS Background Özellikleri | SoniQuake Kişisel Web Sayfası Mon, 22 Mar 2010 13:42:03 +0000 http://www.oztecnic.com/?p=414#comment-442 [...] böylece sunucu daha az çalışıyor. Daha ayrıntılı açıklama için Oztecnic’in “Bir CSS Sprite Uygulaması” adlı yazısına [...] [...] böylece sunucu daha az çalışıyor. Daha ayrıntılı açıklama için Oztecnic’in “Bir CSS Sprite Uygulaması” adlı yazısına [...]

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=0f3eefdc0af097aecfa6b3fa611c5d5a.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F0f3eefdc0af097aec.png' width='32' height='32' alt='Wavatar' />By: joyologo design http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-438 Wavatar joyologo design Tue, 02 Feb 2010 18:00:36 +0000 http://www.oztecnic.com/?p=414#comment-438 güzel anlatım ve uygulama çok teşekkürler.. güzel anlatım ve uygulama çok teşekkürler..

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=774fe5ed838b33aafc244ed3b2553d9b.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F774fe5ed838b33aaf.png' width='32' height='32' alt='Wavatar' />By: ali http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-427 Wavatar ali Sat, 12 Dec 2009 13:09:07 +0000 http://www.oztecnic.com/?p=414#comment-427 kardeş güzel bir kaynak olmuş işimize yaradı sağolasın. kardeş güzel bir kaynak olmuş işimize yaradı sağolasın.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-419 Wavatar oztecnic Sat, 14 Nov 2009 15:26:37 +0000 http://www.oztecnic.com/?p=414#comment-419 düzeltme için teşekkürler Tayfun, reset.css ile bütün ul elementlerini sıfırladığım için ilgili kural gözümden kaçmış... düzeltme için teşekkürler Tayfun, reset.CSS ile bütün ul elementlerini sıfırladığım için ilgili kural gözümden kaçmış…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8f7c3cacdcdbf0684968af8293a5eaf6.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8f7c3cacdcdbf0684.png' width='32' height='32' alt='Wavatar' />By: Tayfun Erbilen http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-418 Wavatar Tayfun Erbilen Sat, 07 Nov 2009 09:48:50 +0000 http://www.oztecnic.com/?p=414#comment-418 bu arada ul#Network li burada list-style-type: none; vermeyi unutmuşsun. bu arada ul#Network li burada list-style-type: none; vermeyi unutmuşsun.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8f7c3cacdcdbf0684968af8293a5eaf6.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8f7c3cacdcdbf0684.png' width='32' height='32' alt='Wavatar' />By: Tayfun Erbilen http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-417 Wavatar Tayfun Erbilen Fri, 06 Nov 2009 00:08:52 +0000 http://www.oztecnic.com/?p=414#comment-417 Merhabalar, güzel bir anlatım olmuş, doyurucu ve açıklayıcı bilgiler. Kafalarda soru işareti bırakmayacak sade bir dil :) Bu tekniği son zamanlarda bende kullanıyorum ve takip ettiğim yabancı kaynaklı sitelerin neredeyse tamamında bu teknik kullanılmakta. CSS öğrenmek isteyen birinin bunu bilmesini zorunlu kılmak gerek :) İyi çalışmalar. Merhabalar, güzel bir anlatım olmuş, doyurucu ve açıklayıcı bilgiler. Kafalarda soru işareti bırakmayacak sade bir dil :) Bu tekniği son zamanlarda bende kullanıyorum ve takip ettiğim yabancı kaynaklı sitelerin neredeyse tamamında bu teknik kullanılmakta. CSS öğrenmek isteyen birinin bunu bilmesini zorunlu kılmak gerek :) İyi çalışmalar.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-397 Wavatar oztecnic Sun, 16 Aug 2009 12:47:12 +0000 http://www.oztecnic.com/?p=414#comment-397 @kuflu evet, HTTP İstek sayısını düşürmesi en büyük avantajı, Ben teşekkür ederim... @kuflu evet, HTTP İstek sayısını düşürmesi en büyük avantajı,

Ben teşekkür ederim…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=9ee5d1fca6de2a802176c87b6a1e343e.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F9ee5d1fca6de2a802.png' width='32' height='32' alt='Wavatar' />By: kuflu http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-394 Wavatar kuflu Sat, 15 Aug 2009 13:00:56 +0000 http://www.oztecnic.com/?p=414#comment-394 Bu teknik gerçekten çok güzel sistem kaynakları açısındanda teşekkür ederim Bu teknik gerçekten çok güzel sistem kaynakları açısındanda teşekkür ederim

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=05831c4f1f424962e5ada71a8e510fe6.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F05831c4f1f424962e.png' width='32' height='32' alt='Wavatar' />By: Serhat http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-387 Wavatar Serhat Sat, 01 Aug 2009 16:37:28 +0000 http://www.oztecnic.com/?p=414#comment-387 Tekrar teşekkürler , inan çok yardımın dokunuyor Allah Razı Olsun senden. Tekrar teşekkürler , inan çok yardımın dokunuyor Allah Razı Olsun senden.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-385 Wavatar oztecnic Sat, 01 Aug 2009 07:20:58 +0000 http://www.oztecnic.com/?p=414#comment-385 @Serhat, buradan hızlıca cevap vereyim, IE6-IE7 yi <strong>IETester</strong> isimli aracı kurarak gerçekleştirebilirsin. Daha net ve doğru sonuç alabilmek için ikinci bir bilgisayarda (virtual ya da gerçek) bu tarayıcıları bulundurarak testlerini gerçekleştirebilirsin. @Serhat, buradan hızlıca cevap vereyim, IE6-IE7 yi IETester isimli aracı kurarak gerçekleştirebilirsin.

Daha net ve doğru sonuç alabilmek için ikinci bir bilgisayarda (virtual ya da gerçek) bu tarayıcıları bulundurarak testlerini gerçekleştirebilirsin.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=05831c4f1f424962e5ada71a8e510fe6.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F05831c4f1f424962e.png' width='32' height='32' alt='Wavatar' />By: serhat http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-384 Wavatar serhat Fri, 31 Jul 2009 15:50:20 +0000 http://www.oztecnic.com/?p=414#comment-384 Teşekkürler , güzel makale olmuş diğer anlatımlara göre senin yazdıklarını daha kolay anlıyorum gerçekten , birde sana sormak istediğim bişey var ben CSS de hataları bilgisayarımda ie8 yüklü oldugundan sadece ie8 de test edebiliyorum , ie7 ve i6 da nasıl test ederim böyle bir program makale vs. birşey varsa yazarsan çok sevinirim tekrar çok teşekkürler. Teşekkürler , güzel makale olmuş diğer anlatımlara göre senin yazdıklarını daha kolay anlıyorum gerçekten , birde sana sormak istediğim bişey var ben CSS de hataları bilgisayarımda ie8 yüklü oldugundan sadece ie8 de test edebiliyorum , ie7 ve i6 da nasıl test ederim böyle bir program makale vs. birşey varsa yazarsan çok sevinirim tekrar çok teşekkürler.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-363 Wavatar oztecnic Fri, 17 Jul 2009 00:26:52 +0000 http://www.oztecnic.com/?p=414#comment-363 @Ali, ben hem yorumun hem de katkın için teşekkür ederim... @Ali, ben hem yorumun hem de katkın için teşekkür ederim…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=ed2365ed09900be0541cfe6f4934ed76.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2Fed2365ed09900be05.png' width='32' height='32' alt='Wavatar' />By: Ali OKTAY http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-362 Wavatar Ali OKTAY Thu, 16 Jul 2009 18:47:29 +0000 http://www.oztecnic.com/?p=414#comment-362 oztecnic, bu güzel makale için teşekkür ederim. @Furkan Turan: Şu şekilde bir düzenleme yaparsan sorun yaşamazsın. Tekrar etmeyecek resimleri yatay olarak yerleştir. Tekrar edecek olanları ise her satır için bir tane koy. Böylece sorun yaşamazsın ve resim daha anlamlı olur diye düşünüyorum... oztecnic, bu güzel makale için teşekkür ederim.

@Furkan Turan: Şu şekilde bir düzenleme yaparsan sorun yaşamazsın. Tekrar etmeyecek resimleri yatay olarak yerleştir. Tekrar edecek olanları ise her satır için bir tane koy. Böylece sorun yaşamazsın ve resim daha anlamlı olur diye düşünüyorum…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-232 Wavatar oztecnic Sat, 25 Apr 2009 12:52:02 +0000 http://www.oztecnic.com/?p=414#comment-232 @semih merhaba, Sprite Imajını oluşturuken konumlandırmadan kaynaklı olarak bir siyah nokta oluşuyor olabilir... Örneğin linkini verirsen bakabilirim... @semih merhaba,

Sprite Imajını oluşturuken konumlandırmadan kaynaklı olarak bir siyah nokta oluşuyor olabilir… Örneğin linkini verirsen bakabilirim…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=83faafee25cc8fe0fc5234f0923d9931.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F83faafee25cc8fe0f.png' width='32' height='32' alt='Wavatar' />By: Semih http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-230 Wavatar Semih Thu, 23 Apr 2009 13:05:36 +0000 http://www.oztecnic.com/?p=414#comment-230 Buda çok güzel bir kaynak olmuş... Yazılanları harfiyen yaptım ancak resimlerin üzerinde siyah bir nokta oluşuyıor. Bunu yoketmek için ne yapabilirim acaba? Buda çok güzel bir kaynak olmuş…

Yazılanları harfiyen yaptım ancak resimlerin üzerinde siyah bir nokta oluşuyıor. Bunu yoketmek için ne yapabilirim acaba?

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=f8273561c71be5cbb2849b3606d867b4.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2Ff8273561c71be5cbb.png' width='32' height='32' alt='Wavatar' />By: Furkan Turan http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-214 Wavatar Furkan Turan Sat, 18 Apr 2009 16:32:05 +0000 http://www.oztecnic.com/?p=414#comment-214 Resimleri yanyana ekleyerek yapmtım ve oldu. Sağolasın cevabın için. Resimleri yanyana ekleyerek yapmtım ve oldu. Sağolasın cevabın için.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-212 Wavatar oztecnic Sat, 18 Apr 2009 12:30:12 +0000 http://www.oztecnic.com/?p=414#comment-212 @Furkan merhaba, güzel sorun için teşekkürler... CSS Sprite tekniğinde, bakcground kullanımının bazı yetersizlikleri var, bu da aslında CSS'in şu aşamadaki yetersizliği ile ilgili... O açından bu tekniği "repeat edecek arkaplanlarda" uygulamaktan kaçınıyoruz. Ama bahsettiğin örnek konusunda şöyle bir çözüme ulaşmak mümkün. Kutuda kullanacağın bütün resimleri yanyana gelecek şekilde sprite oluştur ve tekrar edecek alanın yüksekliğini diğer iki resimden hangisinin yüksekliği en fazlaysa ona eşitle... Uzunlukları aynı kalsın. Bu şekilde repeat edecek orta bloğu CSS Sprite ile gerçekleştirebileceksin... @Furkan merhaba, güzel sorun için teşekkürler…

CSS Sprite tekniğinde, bakcground kullanımının bazı yetersizlikleri var, bu da aslında CSS’in şu aşamadaki yetersizliği ile ilgili… O açından bu tekniği “repeat edecek arkaplanlarda” uygulamaktan kaçınıyoruz.

Ama bahsettiğin örnek konusunda şöyle bir çözüme ulaşmak mümkün. Kutuda kullanacağın bütün resimleri yanyana gelecek şekilde sprite oluştur ve tekrar edecek alanın yüksekliğini diğer iki resimden hangisinin yüksekliği en fazlaysa ona eşitle…

Uzunlukları aynı kalsın. Bu şekilde repeat edecek orta bloğu CSS Sprite ile gerçekleştirebileceksin…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=f8273561c71be5cbb2849b3606d867b4.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2Ff8273561c71be5cbb.png' width='32' height='32' alt='Wavatar' />By: Furkan Turan http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-210 Wavatar Furkan Turan Fri, 17 Apr 2009 17:48:34 +0000 http://www.oztecnic.com/?p=414#comment-210 Güzel açıklayıcı olmuş, öncelikle bunu belirtmek isterim. Ayrıca bir de sorum var. Ben bir kutucuk yapıyorum. Üst kısmına bir resim, alt kısmına bir resim ve yukarıdan aşağıya tekrar eden bir arkaplan resmi kullanıyorum. Yukarıdaki resim ile aşağıdaki resmi birleştirip css sprite ile kullanabiliyorum. Ama bu kutucuğum arkaplanındaki yukarıdan aşağıya tekrar edecek olan 1px kalınlığındaki arkaplan resmini css sprite ile alamıyorum. Soracağım soru bunu yapabilmemin yani bu üç resmi, tek resim dosyası yapıp; bir kısmını yukarıya, bir kısmını aşağıya, kalan kısmınıda arkaplana tekrar eder halde koymamın bir yolu var mıdır? Güzel açıklayıcı olmuş, öncelikle bunu belirtmek isterim. Ayrıca bir de sorum var.

Ben bir kutucuk yapıyorum. Üst kısmına bir resim, alt kısmına bir resim ve yukarıdan aşağıya tekrar eden bir arkaplan resmi kullanıyorum.

Yukarıdaki resim ile aşağıdaki resmi birleştirip CSS sprite ile kullanabiliyorum. Ama bu kutucuğum arkaplanındaki yukarıdan aşağıya tekrar edecek olan 1px kalınlığındaki arkaplan resmini CSS sprite ile alamıyorum.

Soracağım soru bunu yapabilmemin yani bu üç resmi, tek resim dosyası yapıp; bir kısmını yukarıya, bir kısmını aşağıya, kalan kısmınıda arkaplana tekrar eder halde koymamın bir yolu var mıdır?

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-166 Wavatar oztecnic Sun, 05 Apr 2009 19:45:33 +0000 http://www.oztecnic.com/?p=414#comment-166 @yakuter görüşlerin için çok teşekkür ederim... Dediğin gibi yurtdışında çokça kullanılan bir teknik, konuyla ilgili yazılmış olan diğer yazılarla birlikte, ilgi duyan herkese faydalı olması dileğiyle... @yakuter görüşlerin için çok teşekkür ederim…

Dediğin gibi yurtdışında çokça kullanılan bir teknik, konuyla ilgili yazılmış olan diğer yazılarla birlikte, ilgi duyan herkese faydalı olması dileğiyle…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=aaea267008c1badead3ba137fbfeded4.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2Faaea267008c1badea.png' width='32' height='32' alt='Wavatar' />By: yakuter http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-163 Wavatar yakuter Sat, 04 Apr 2009 23:16:30 +0000 http://www.oztecnic.com/?p=414#comment-163 Mükemmel bir makale Özgür. İnsanlar henüz bunun değerini anlayamadılar. Yurtdışında bu teknikle tüm bir siteyi tasarlıyorlar :) Makaleyi en ince detayına kadar okudum. Gayet açıklayıcı, temiz bir anlatım. Mutlaka birilerinin oldukça işine yarayacaktır. Bu arada vermiş olduğun istatistiksel değerler (1/20 ve 12 kb) güzel bir dayanak noktası. Ellerine sağlık, böyle devam etmen dileğiyle ;) Mükemmel bir makale Özgür. İnsanlar henüz bunun değerini anlayamadılar. Yurtdışında bu teknikle tüm bir siteyi tasarlıyorlar :) Makaleyi en ince detayına kadar okudum. Gayet açıklayıcı, temiz bir anlatım. Mutlaka birilerinin oldukça işine yarayacaktır.

Bu arada vermiş olduğun istatistiksel değerler (1/20 ve 12 kb) güzel bir dayanak noktası.

Ellerine sağlık, böyle devam etmen dileğiyle ;)

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-161 Wavatar oztecnic Sat, 04 Apr 2009 21:39:35 +0000 http://www.oztecnic.com/?p=414#comment-161 Değerli görüşlerin için teşekkür ederim Yücel... Değerli görüşlerin için teşekkür ederim Yücel…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=744207672eddb6794fc363375398e2c2.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F744207672eddb6794.png' width='32' height='32' alt='Wavatar' />By: Yücel YILMAZ http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-157 Wavatar Yücel YILMAZ Sat, 04 Apr 2009 14:25:18 +0000 http://www.oztecnic.com/?p=414#comment-157 Güzel bir yazı olmuş. Tebrikler. Güzel bir yazı olmuş. Tebrikler.

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=8d24acd1d675ab28899bc99d6ef71a0c.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F8d24acd1d675ab288.png' width='32' height='32' alt='Wavatar' />By: oztecnic http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-156 Wavatar oztecnic Sat, 04 Apr 2009 14:18:32 +0000 http://www.oztecnic.com/?p=414#comment-156 Şenol merhaba, kod kalabalığı derken CSS'dekini kastediyorsun sanırım. Konuya şu açıdan bakmalıyız, eğer bu işlemleri yine CSS kullanarak, ama ayrı ayrı imajlarla yapsaydık, yine aynı kalabalıklıkta kod yazmış olacaktık. CSS dokümanındaki "kod fazlalığını" eğer klasik <strong>rolloverimage</strong> mantığı ile imaj ekleyip ona bir <strong>hover davranışı</strong> kullanılarak azaltılabilir, fakat kod kalabalığı bu sefer XHTML doküman içerisinde olacak ve javascript kullanmak durumunda kalacağız... Şenol merhaba, kod kalabalığı derken CSS’dekini kastediyorsun sanırım.

Konuya şu açıdan bakmalıyız, eğer bu işlemleri yine CSS kullanarak, ama ayrı ayrı imajlarla yapsaydık, yine aynı kalabalıklıkta kod yazmış olacaktık.

CSS dokümanındaki “kod fazlalığını” eğer klasik rolloverimage mantığı ile imaj ekleyip ona bir hover davranışı kullanılarak azaltılabilir, fakat kod kalabalığı bu sefer XHTML doküman içerisinde olacak ve javascript kullanmak durumunda kalacağız…

]]> <img class='wavatar' src='http://www.gravatar.com/avatar.php?gravatar_id=607274c2c006f6d81c9d4602da1c4487.jpg&s=32&d=http%3A%2F%2Fwww.oztecnic.com%2Fwp-content%2Fcache%2Fwavatars%2F607274c2c006f6d81.png' width='32' height='32' alt='Wavatar' />By: yedincisenol http://www.oztecnic.com/css/bir-css-sprite-uygulamasi/comment-page-1/#comment-155 Wavatar yedincisenol Sat, 04 Apr 2009 14:09:00 +0000 http://www.oztecnic.com/?p=414#comment-155 Bende bir dezavantajını söyliyeyim; kod kalabalığı artıyor. Bende bir dezavantajını söyliyeyim; kod kalabalığı artıyor.

]]>