‘Cascading Style Sheets’ Etiketi

jQuery ScrollTo Plugini Nasıl Kullanılır

http://zingocan.com/wp-content/uploads/jquery-scrollto.pngMerhabalar.. Bugün sizlere, çoğu yabancı ve birkaç tane de türk blogunda yer alan, sonraki konu ya da yorumlara atla gibi jQuery ScrollTo Pluginini nasıl kullanırız onu göstereceğim.. Zaten şurada mevcut olan jQuery Pluginimizi öncelikle indirmemiz gerekiyor. Ve de jQuery scriptimizi şuradan indirebilirsiniz.

Birazdan sizler için ekleyeceğim demo da bi sonraki , bir önceki, yorumlar ve yorum bırak diye 4 adet link yerleştireceğim. Linkleri dilediğimiz gibi çoğaltabileceğimizi ,kendimize ait bir katman oluşturup artık sizin yaratıcılığınızla farklı şeyler de elde edebiliriz. İlk olarak plugini ve ne anlatmak istediğimi anlamak için demoyu inceleyiniz. Read more →

CSS Pseudo Sınıfları – Özel Efektler

CSS pseudo-classes bazı seçicilere özel efekt vermemizi sağlayan bir sınıftır. Bu verilen adın Türkçe açıklaması olmadığı ya da tam karşılanmadığı için orjinal ismini yazdım.. CSS içerisinde bazen özel efektlere ihtiyac duyarız.. Bunlar pseudo sınıfları içerisinde XHTML’e atayacağımız bazı seçicilerin kendi özelliklerinin dışına vurulmuş halidir.

Söz Dizimi

pseudo-classes söz dizimi şu şekilde oluşturulur;

seçici:pseudo-class {özellik:değer;}

Read more →

CSS Align – Hizalama

Merhaba arkadaşlar.. Bu CSS dersimizde de CSS Align olarak birkaç bölüme ayıracağım Yüzey alanı parametresini daha önce gördüğümüz CSS margin özelliği ile birlikte kullanıp, backgorund  – color özelliklerini göstereceğim.

CSS içerisinde bazı özellikler yatay elemanları hizalamak için kullanılır. Align bunlardan biridir.

Blok Elemanlarını Hizalama

Blok elemanlarından kastımız sayfa boyunca ilerleyen ve Default ayarlarında herhangi bir kısıtlama ya da hizalama kullanmayan elemanlardır.Bunlara örnek verecek olursak;

  • <h1>
  • <p>
  • <div>

gibi elamanlardır. Text align (yazı hizalama) özelliği için CSS Yazı başlığımızı inceleyebilirsiniz. Read more →

CSS Floating – Sabit Olmayan Nesneler

Merhaba arkadaşlar.. CSS Advanced kategorisinde CSS Floating adındaki WordPresste bir nevi Thumb olarak da adlandırılabilecek olan resimlerimizi yazılarımız ile bir kullanabileceğimiz ve bununla da sınırlı olmayan birkaç CSS float özelliğini göstereceğim.

CSS Float Nedir?

CSS Float özelliği ile birlikte, bir elemanı diğerlerinden bağımsız olarak sağ ya da solda gösterip, elemanın gerisinde kalan alanları (aşağı ya da yukarı gibi) boşluk olarak değerlendirip oaralarıda kullanabileceğimiz sayfalar yapabiliriz. Read more →

CSS Grup ve Yuva Seçicileri

Merhaba arkadaşlar.. CSS Stilleme ve CSS Kutu Modelleme derslerinden sonra son şimdi de CSS İleri Seviye derslerine başlıyoruz..

İlk konumuz CSS içerisinde kullanabileceğimiz yuvalama ve gruplama işlemidir..İlk önce grup seçicilerinden bahsedelim

CSS Grup Seçicileri

CSS derslerimiz boyunca aşağıda gördüğünüz şekilde CSS stil kodlarıını oluşturuyorduk; Read more →

CSS Padding Özelliği

CSS Margin e bir alternatif olarak düşünülen fakat aslında bambaşka bir özellik olan padding ise kullanımı margin gibi olan fakat bu çerçevede ayıracağımız boşluğu, çerçeve, başka bir katmandan uzaklaşma, bir nesneye olan uzaklık olarak değer katılır.. Padding özelliği ile, örneğin; bir yazınınza çerçeve eklediyseniz yada background color özelliği verdiyseniz, bu background’unuzu ya da çerçeveyi dilediğiniz kadar uzatma, ya da o belirlediğiniz çerçeveyi yazıdan uzaklaştırma işlevi gibi düşünülebilir.

Olası Değerler

Değer Açıklama
length pixex, pt, em gibi değerler kullanılır.
% Değer % olarak kullanılır.

Read more →

CSS Margin Özelliği

Margin özelliğini çoğunuz duymuş olmalısınız.. Bilindiği gibi margin bir elementin etrafını temizlemeye yarar.. Bu ne demek? Şöyle bir örnek ile açıklayalım; eğer bir katman ya da her hangi bir objeniz mevcut.. Bu objeyi diğer objelerden ayrı tutmak, yukarı da yada aşağıda boşluk bırakmak  yada diğer bir elementten uzaklaştırmak için kullanılır..

top, right, bottom, ve left Margin özellikleri, sizin isteğinize göre dıştan, içten, sağ ve soldan belirleyeceğiniz alanları destekler.. Ayrıca margin özelliğinde negatif değerler kullanılarak boşluk verme özelliğini tam ters fonksiyonda gerçekleştirebilirsiniz..İlk olarka olası değerlere bir göz atalım; Read more →

Page 1 of 3123»