Kullanıcılar Yazılarınızı Büyültüp Küçültebilsin

article-zoomin-zoomoutİçerisinde uzun yazılar barındıran bir web sayfanız mı var? Kullanıcı deneyimine önem mi veriyorsunuz? Öyleyse makalelerinizin üstüne büyültme ~ küçültme işlemi ekleyerek ziyaretçilerinize kolaylık sağlayabilirsiniz. Özellikle haber sitelerinde görmeye alıştığımız bu kolaylık saniyeler içerisinde hazırlanabilmekte.

Bu makalemizde uzun yazılar içeren makalelere boyutlandırma seçeneği eklemeyi öğreneceğiz.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Css Font Özellikleri

Merhaba arkadaşlar,

Uzun zamandır işlerimin yoğunluğundan dolayı yapamadığım paylaşımlarıma somut olarak işlemler yapabileceğiniz ve web sayfalarının en önemli kısımlarından biri olan font ve özellikleriyle devam edeceğim.Bu paylaşımda css ile fontları nasıl ve ne şekillerde değiştirebiliriz onu öğreneceğiz.

İlk olarak Css’de font için kullanabileceğiniz özellikler aşağıdaki gibidir,

i . Color
ii . Font Family
iii . Font Size
iv . Font Weight
v . Font Style
vi . Font Variant
vii . Font

Şimdi adım adım yukarıdaki değelerin nasıl uygulanacağına geçebiliriz.

1 – Color :

Bu özellik sayesinde web sayfalarında yazılarımıza istediğimiz rengi tanımlayabiliriz.Örnekle açıklayacak olursak aşağıdaki satırlar net bir uygulama olacaktır.


p.header { color:#FF0000;} // Bu şekilde header bölümünde yazılarımız kırmızı olarak yazacaktır.

2 – Font Family :

Metinlerde kullanacağımız font ailelerini belirlemek için kullanacağımız özelliktir,Kullanımı hakkında aşağıdaki örneğe bakabilirsiniz.


p{

color:#FF0000;

 font-family:"Times New Roman", Times, serif; } // Bu durumda yazdığımız yazılar kırmızı ve Times New Roman ailesiyle yazılacaktır.

3 – Font Size :

Bu özellik yazdığımız yazıların boyutlarını belirlemekte kullanacağımız özelliktir,Kullanımının farklı çeşitleri vardır,Bu farklı kullanımlar aşağıdaki örnekte (daha&helliip;)

Devamını Oku