KategoriCSS

:nth-child(n) ve :nth-last-child(n) Nasıl Kullanılır?

:

Daha önceki yazımızda ve ‘dan bahsetmiştik ve bu CSS seçicilerinin genellikle tablolarda ve listelerde kullanıldığını söylemiştik. Öncelikle ve ‘ın nasıl kullanıldığını bilmiyorsanız aşağıdaki bağlantıdan nasıl kullanıldıklarını öğrenmenizde fayda var, zira bu konu devam niteliğinde. İlgili Yazı: :first-child ve :last-child Nasıl Kullanılır? First ve last child’ın nasıl...

:first-child ve :last-child Nasıl Kullanılır?

:

Özellikle tablolar ve listeler üzerinde çalışan yada çalışmayı düşünenler için oldukça büyük bir öneme sahip olan child (çocuk) seçicilerinin ilk ikisini bu konuda anlatıyoruz. Diğer seçiciler ve ‘ göre biraz daha üst seviyede yer aldığı için öncelikle bu seçicilerin ne işe yaradığını iyi bir şekilde anlaşıldığından emin olmalısınız. Child seçicileri isminden de az çok anlaşılacağı gibi...

:active Nasıl Kullanılır?

:

Bu konumuzda CSS’de bulunan bir çok seçici arasında belkide en çok kullanılan seçicilerden biri olan :active seçicisinin ne işe yaradığını ve kullanım çeşitlerini anlatıyor olacağız. Her ne kadar :hover seçicisi kadar kullanılmasa da seçicisinin de CSS’de oldukça önemli bir görevi var. Mouse ile bir alanın üzerine geldiğimizde alanın veya işaret ettiğimiz farklı bir alanın stilini...

Seçilen Yazının Arkaplan Rengini Değiştirme

S

Dün Facebook’ta bir arkadaş diğer arkadaşa seçtiğimiz yazıların arka planı kırmızı oluyor onu nasıl yaptın diye, arkadaşta tam olarak nasıl olduğunu anlatmakta güçlük çekmişti. bende sitenin kaynak kodlarına küçük bir gezinti yaptıktan sonra css dosyasının   kodlarıyla yapıldığını belirtmiştim. bu gün detaylı olarak nasıl yapılacağını anlatacağım. Bu gün başka bir arkadaşım sitesini...

WordPress Eklentisiz Sayfalandırma Yapma

W

Bu gün sizin için güzel bir konu daha hazırladım bu konuda WordPress için uygun olan eklentisiz pagenavi görevi yapan sayfalandırma yapmayı ve yapılmış bir örneğini nasıl sitenize eklemeniz gerektiğini anlatacağım buyurun anlatıma geçelim… Wordpres WP-PageNavi eklentisi sitenizde kurulu olduğunda bu sayfalandırma kodlarının görünümünde olumlu değişiklikler olur ancak eklenti kurulu...

CSS İle Yazıyı Kalın Yapma

C

Bu yazımda CSS ile yazının kalın yapılmasından bahsedeceğim, öncelikle yapmanız gereken kalınlaştırmak istediğiniz alanın ‘ını bulmak ve hemen aşağıdaki kodu bu class’a eklemek. font-weight: bold;  sizinde anlayacağınız gibi kısmı kalınlaştır demek bunun yerine  derseniz yazı normal olacaktır. Bir de dikkat etmeniz gereken kısım var, eğer komutu daha önce kulalnılmış ise öncelikle...

CSS’de text-indent kodu ile Paragraf Başı Yapmak

C

Bu yazımızda paragraflarda ilk satırın soldan bizim belirlediğimiz kadar uzak başlamasını, yani paragraf başı yapmamızı sağlayan kodundan bahsedeceğiz. HTML’de paragraflar kodu ile belirlenir. WordPress kullanıyorsanız yazılarınızdaki paragraflarınız daima ve kodları arasında yer alır. Fakat ilk satır sola yapışıktır. Eğer paragraflarınıza satır başı eklemek istiyorsanız aşağıdaki kodu...

CSS ile Başlıkların Harflerini Büyük veya Küçük Yapmak

C

Başlık yazarken bazen ilk harfleri büyük yapmayı unutmuş olabiliriz ya da hiçbir harfi büyük yapmıyoruzdur. Bu başlıkları en baştan düzenlemek yerine tek bir kod ile siz başlıklarınızı yeniden düzenleyene kadar idare edebilirsiniz ya da forumlardaki kullanıcıların başlıkları tamamen küçük harfle yazmasına rağmen kelimelerin ilk harfini büyük yapabilirsiniz. Bunun için kodunu kullanacağız. Örnek...