Css Tema

12 Eylül 2009

Site içerisinde arama yapın.

Ücretsiz CSS Temalar – Bedava CSS Tema

WebMD Home

Home Page

Email a Friend

Print Article

Div lere Scroll Ekleme

31 Ocak 2010
Kategori Dersler | Yorum Yazin

sitemizdeki istediğimiz divlere scrool eklemek için OVERFLOW: auto; kodunu kullanabilirsiniz. Overflow:auto div in yüksekliği aşıldığında scroll un çıkmasını sağlar.

Renkler: divlere kenar çubuğu, scroll eklemek

Kullanım Kolaylığı

28 Ekim 2009
Kategori Dersler | Yorum Yazin

HTML’de her etikete artı özellikler eklemek için baska bir etiket ve/veya

özellik eklememiz gerekmektedir. Bu islemi genis çaplı bir sitede

yaptıgımızı düsünürseniz çok büyük zaman kaybı ve ugras gerektigini

göreceksiniz.

<h1><font color=”blue”>Baslık</font></h1>

Bunun gibi onlarca veya yüzlerce baslıgınız oldugunu düsünün, gerçekten

çok zor. CSS’de aynı islem için

h1 {color: blue}

Kodunu yazmamız yeterli. Bu elemanın özelliklerinde degisiklik yapmak

istedigimizde sadece burada degistirerek tüm sitede bu elemanın

özelliklerini degistirmis olacagız. Ayrıca bu islemi sadece bu etiket için

degil diger etiketlere de uygulayabiliriz.

h1, h2 {color: blue}

Ayrıca tek bir CSS dosyası ile sitenin tamamını yönetmek web

kodlamacıları için çok büyük kolaylıktır. Sadece bir dosyada degislik

yaparak tüm sitemizi ara yüzünü yönetebiliriz isterse yüzlerce sayfa olsun.

HTML’de her etikete artı özellikler eklemek için baska bir etiket ve/veya

özellik eklememiz gerekmektedir. Bu islemi genis çaplı bir sitede

yaptıgımızı düsünürseniz çok büyük zaman kaybı ve ugras gerektigini

göreceksiniz.

<h1><font color=”blue”>Baslık</font></h1>

Bunun gibi onlarca veya yüzlerce baslıgınız oldugunu düsünün, gerçekten

çok zor. CSS’de aynı islem için

h1 {color: blue}

Kodunu yazmamız yeterli. Bu elemanın özelliklerinde degisiklik yapmak

istedigimizde sadece burada degistirerek tüm sitede bu elemanın

özelliklerini degistirmis olacagız. Ayrıca bu islemi sadece bu etiket için

degil diger etiketlere de uygulayabiliriz.

h1, h2 {color: blue}

Ayrıca tek bir CSS dosyası ile sitenin tamamını yönetmek web

kodlamacıları için çok büyük kolaylıktır. Sadece bir dosyada degislik

yaparak tüm sitemizi ara yüzünü yönetebiliriz isterse yüzlerce sayfa olsun.

Renkler: css, kolay, kullanım

Görünüm Avantajları

28 Ekim 2009
Kategori Dersler | Yorum Yazin

CSS HTML’e göre birçok stil özelligine sahiptir. CSS’in sayfa içerigi

ögelerinin sayfa görünümü ögelerinden ayrılması için gelistirildigini

düsünürsek avantajı bastan anlasılmıs olur.

<h1>CSS’e Giris</h1>

HTML’de bu elemanın(h1) kalın, altı çizili, Artalan rengi kırmızı olarak

atama gibi çesitli özellikler verebiliriz. Ancak bu özellikleri atamak içinde

ayrı HTML elemanları kullanmak zorundayız (<strong>, <u>), ancak

CSS’de bunu tek bir elemanla yapabiliriz ve ayrıca daha fazla stil özellikleri

de atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)

h1 {

color: white;

font: italic 11px Arial, serif;

text-decoration: underline;

background: yellow url(titlebg.gif) repeat-x;

border: 1px solid red;

margin-bottom: 0;

padding: 5px;}

CSS HTML’e göre birçok stil özelligine sahiptir. CSS’in sayfa içerigi

ögelerinin sayfa görünümü ögelerinden ayrılması için gelistirildigini

düsünürsek avantajı bastan anlasılmıs olur.

<h1>CSS’e Giris</h1>

HTML’de bu elemanın(h1) kalın, altı çizili, Artalan rengi kırmızı olarak

atama gibi çesitli özellikler verebiliriz. Ancak bu özellikleri atamak içinde

ayrı HTML elemanları kullanmak zorundayız (<strong>, <u>), ancak

CSS’de bunu tek bir elemanla yapabiliriz ve ayrıca daha fazla stil özellikleri

de atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)

h1 {

color: white;

font: italic 11px Arial, serif;

text-decoration: underline;

background: yellow url(titlebg.gif) repeat-x;

border: 1px solid red;

margin-bottom: 0;

padding: 5px;}

Renkler: avantaj, css, görüntü

CSS’in tanımı ve genel bilgi

28 Ekim 2009
Kategori Dersler | Yorum Yazin

CSS (Cascading Style Sheets – Stil Sablonları), Web dokümanlarına stil
eklemek için kullanılan basit ve güçlü bir dildir.
Web sayfalarının yapılarını düsündügümüzde 3 kısma ayıra biliriz. çerik
kısmı, biçimlendirme kısmı ve dinamik kısım.
çerik kısmı, HTML kodlarını içeren sayfa asıl içerigini olusturan birimleri
olusturma kısımdır. Bu kısım genelde metinlerden olussa da, resim,
animasyon ve video gibi elemanlarıda içerir.
Biçimlendirme kısmı, içerik kısmını kullanıcıya nasıl görüntülenecegini
gösteren kısımdır. Sayfanın biçimini belirler. Kullanıcıya daha okunaklı ve
kullanıslı sayfa sunmak için gerekli elemanları içerir.
Dinamik kısım, Javascript ile yapılan dinamik islemleri içerir. Etkilesimli
sayfalar olusturmak için kullanılır.
Eskiden ki hala bu sekilde kodlama yapanlar mevcut. çerik kısmı ve
biçimlendirme kısmı içi içe kodlama yapardık, örnegin yazıtipi tanımı için
etiketini kullanırdık. Eski kodlama yöntemi ile zaman, hız ve
erisebilirlik açısından büyük kayıplarımız vardı.
CSS biçimlendirme kısmının yönetimini saglamak için kullanılır. çerik
kısmı ile biçimlendirme kısmının ayrılmasını saglayan CSS bize birçok
avantajlar saglar. Örnegi 10.000 sayfası olan bir siteyi tek css dokümanı
yardımı ile biçimlendirmemizi saglar.
CSS 1996Vda W3C tarafından duyuruldu. Son olarak(Ocak 2003’den beri)
CSS2.1 sürümü yürürlüktedir. CSS3.0Vda çalısmaları devam etmektedir.
CSS3.0 için ayrıntılı bilgiye http://www.w3c.org/Style/CSS/current-work
adresinden ulasabilirsiniz.
Tablosuz Web Sayfası kodlama teknigini kullanmayanlar CSS’in
ehemmiyetini tam olarak anlayamayacaktır.