Bugun R10 Forumlarında dolaşırken erbilen adlı arkadaşımızın bir konusunu gördüm. Kendisi Bayram hediyesi olarak PSD tasarımı nasıl CSS’e dökebileceÄŸimizi video olarak anlatÅŸmış. Kendisine teÅŸekkürlerimizi sunuyoruz.... Devamını okuyun »
"Css" kategorisi altındaki yazılar
Biraz önce R10 Webmaster forumunda dolaşırken bir konu gördüm. webmaster258 nickli arkadaşımız güzel bir tema yapmış ve bunu ücretsiz olarak paylaşıma sunmuÅŸ . Bende buradan sizlerle paylaÅŸmak istedim. Umarım iÅŸinize yarar Temanın... Devamını okuyun »
Evrensel Seçiciler bir elemanı bütüne uygulamak için kullanılır bu iÅŸlem için * (asteriks) iÅŸareti kullanılır. AÅŸağıdaki kod tüm elemanları kırmızı yapacaktır. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“... Devamını okuyun »
Bazı durumlarda keyfi olarak bir torun seçicisi kullanmaktansa daha ayrıntılı bir ayrım yapmak isteyebiliriz. ÖrneÄŸin bir h1 elemanının altındaki strong elemanlarından sadece Çocuk Elemanı için tanımlamalar yapmak istersek (torun elemanları... Devamını okuyun »
Bu modelin avantajlarından birisi Torun Seçicileridir(diÄŸer isimleri iç içe seçicilerdir). Torun Seçicilere yapılan tanımlama sadece belirtilen elemanlara uygulanır bu kuralların haricinde kalanlara ise uygulanmaz. Bir örnek verecek olursak... Devamını okuyun »
Seçici(Selector) ve doküman arasındaki iliÅŸkiyi anlayabilmemiz için, dokümanların nasıl planlandığını bir göz atmamız gerekir. AÅŸağıdaki basit (X)HTML dokümanı üzerine biraz düşünelim: Devamını okuyun » PaylaÅŸ / Yollavar... Devamını okuyun »
Tekil Seçicisi için her ne kadar da bir sayfada sadece bir defa kullanılır diye tanımlasak de kodlamacının sayfada birçok yerde kullanmasına tarayıcılar ses çıkarmaz, yani hata mesajı vermez. Ancak Bu elemanları DOM(Belge Nesne Modeli)... Devamını okuyun »
Tekil Seçicisi Sınıf Seçicisinden farklıdır. Sınıf Seçicisi sayfada birden fazla elemana atanırken Tekil Seçicisi sadece bir tane elemana atanır. Tekil seçiciler tanımlanırken adının başına #(diyez) iÅŸareti konulur. Devamını okuyun... Devamını okuyun »
Seçiciler Sınıf Seçicisi ve Tekil Seçicisi olarak ikiye ayrılır. CSS ile kod yazmaya baÅŸlarken bir plan yaparak hangi etikete Sınıf Seçicisi veya Tekil Seçicisi olacağını planlamalıyız. Zamanla bu ayrımı kodu yazarken yapmaya alışacağız. ... Devamını okuyun »
CSS veri dosyası ve kaynağın yerini belirlemek için URI(Universal Resource Indicator – Evrensel Kaynak ) kullanır. CSS’de URI genel olarak iki yerde kullanılır stil ÅŸablonlarını eklemek veya Artalan resmi eklemek için. URL tanımlaması... Devamını okuyun »
CSS’de renk deÄŸerleri isim olarak ve RGB deÄŸeri olarak tanımlanabilir. RGB tanımlamasıda dört çeÅŸittir. Devamını okuyun » PaylaÅŸ / Yollavar el = document.getElementById('share-link-1100261206');el.params = {title: 'CSS Renk DeÄŸerleri',... Devamını okuyun »
Yüzde deÄŸerleri göreceli deÄŸerlerdir. Yüzde deÄŸerleri uygulandığı nesnenin boyutuna baÄŸlı hareket eder. Örnek olarak bir kod verecek olursak /* elemanın font-size deÄŸerinin %150 si dir */ h4 { line-height: 150% } /* satır geniÅŸliÄŸinin... Devamını okuyun »
CSS’de tanımlanan 8 uzunluk deÄŸeri vardır. Bunların üç tanesi göreceli(relative) uzunluklar ve kalan beÅŸ tanesi kesin(absolute)uzunluklardır. Devamını okuyun » PaylaÅŸ / Yollavar el = document.getElementById('share-link-642523072');el.params... Devamını okuyun »
CSS kodlarımızı yazdığımızda kod yapımız, kullandığımız teknikleri ve diÄŸer özel uygulamalarımız için yorum satırları eklemeliyiz. Çünkü daha sonra kodumuzu incelerken bu yorumlar bize yardımcı olacaktır. Ayrıca bir proje üzerinde... Devamını okuyun »
Birden fazla HTML elemanına de atama yapabiliriz, buna gruplama denir. Gruplama seçicilerde yapıldığı gibi bildirimlerde de yapılabilir. Devamını okuyun » PaylaÅŸ / Yollavar el = document.getElementById('share-link-229596828');el.params... Devamını okuyun »
Web tarayıcıları DOCTYPE bildirimi ve kullanılan DTD’ye göre tarama metodunu belirler. Bir dokümanda DOCTYPE tanımı yapılırsa bu sayfa Standart Mod da, yapılmazsa Garip Mod da yorumlanacaktır bu geçiÅŸe DOCTYPE GeçiÅŸi(DOCTYPE switching)... Devamını okuyun »
Web tarayıcı üreticileri geriye dönük uyumluluÄŸu saÄŸlamak için standartlara uygun tarayıcılar çıkardılar. Bunu baÅŸardılar, bu iÅŸlem için iki mod ürettiler: standart mod(standards mode) ve garip mod(Quirks mode). Standart mod sayfa ayrıntılı... Devamını okuyun »
Güzel bir kodlama, (X)HTML dokümanın onaylanmış halidir. Web sayfalarımız doÄŸrulamak için genelde http://validator.w3.org/ adresini kullanılırız. Ancak birçok web sayfası hazırlama editörü bu aracı içinde barındırır. Web sayfalarımız... Devamını okuyun »
DOCTYPE, HTML veya (X)HTML dokümanımızın tipini göstermek için kullandığımız bir koddur. DOCTYPE bildirimi (X)HTML kodunun başına bir veya iki satır olarak eklenir. Genel kullanımı: Devamını okuyun » PaylaÅŸ / Yollavar el = document.getElementById('share-link-327197247');el.params... Devamını okuyun »
CSS’i (X)HTML sayfalarımıza eklemenin 4 yöntemi vardır. Bu Yöntemleri ÅŸimdi hep beraber irdeleyelim. Hangisini kullanacağınıza gerekli açıklamaları yaptıktan sonra sitenizde en iyi performansı alacağını düşündüğünüz metodu... Devamını okuyun »








