Css Tema http://www.csstema.com Ücretsiz CSS Temalar - Bedava CSS Tema Sun, 31 Jan 2010 08:17:00 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Div lere Scroll Ekleme http://www.csstema.com/dersler/div-lere-scroll-ekleme.html http://www.csstema.com/dersler/div-lere-scroll-ekleme.html#comments Sun, 31 Jan 2010 08:17:00 +0000 admin http://www.csstema.com/?p=198 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.

]]> http://www.csstema.com/dersler/div-lere-scroll-ekleme.html/feed 0 Kullanım Kolaylığı http://www.csstema.com/dersler/kullanim-kolayligi.html http://www.csstema.com/dersler/kullanim-kolayligi.html#comments Wed, 28 Oct 2009 21:17:31 +0000 admin http://www.csstema.com/?p=196 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.
]]> http://www.csstema.com/dersler/kullanim-kolayligi.html/feed 0 Görünüm Avantajları http://www.csstema.com/dersler/gorunum-avantajlari.html http://www.csstema.com/dersler/gorunum-avantajlari.html#comments Wed, 28 Oct 2009 21:12:21 +0000 admin http://www.csstema.com/?p=189 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;}

]]> http://www.csstema.com/dersler/gorunum-avantajlari.html/feed 0 CSS’in tanımı ve genel bilgi http://www.csstema.com/dersler/css%e2%80%99in-tanimi-ve-genel-bilgi.html http://www.csstema.com/dersler/css%e2%80%99in-tanimi-ve-genel-bilgi.html#comments Wed, 28 Oct 2009 21:09:17 +0000 admin http://www.csstema.com/?p=187 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.

]]> http://www.csstema.com/dersler/css%e2%80%99in-tanimi-ve-genel-bilgi.html/feed 0 fireworks http://www.csstema.com/css-tema/2-blog/fireworks.html http://www.csstema.com/css-tema/2-blog/fireworks.html#comments Wed, 28 Oct 2009 20:53:53 +0000 admin http://www.csstema.com/?p=183 fireworks

fireworks

Download etmek için resme tıklayın.

]]> http://www.csstema.com/css-tema/2-blog/fireworks.html/feed 0 Çiçek Moru http://www.csstema.com/css-tema/2-blog/cicek-moru.html http://www.csstema.com/css-tema/2-blog/cicek-moru.html#comments Wed, 28 Oct 2009 20:51:47 +0000 admin http://www.csstema.com/?p=181 Çiçek Moru

Çiçek Moru

Download etmek için resme tıklamanız yeterli.

]]> http://www.csstema.com/css-tema/2-blog/cicek-moru.html/feed 0 Buz Mavi http://www.csstema.com/css-tema/2-blog/buz-mavi.html http://www.csstema.com/css-tema/2-blog/buz-mavi.html#comments Wed, 28 Oct 2009 20:45:36 +0000 admin http://www.csstema.com/?p=177 Buz Mavi

Buz Mavi

download etmek için resmin üzerine tıklayın.

]]> http://www.csstema.com/css-tema/2-blog/buz-mavi.html/feed 1 Bal Arısı http://www.csstema.com/css-tema/2-blog/bal-arisi.html http://www.csstema.com/css-tema/2-blog/bal-arisi.html#comments Wed, 28 Oct 2009 20:43:04 +0000 admin http://www.csstema.com/?p=174 Bal Arısı

Bal Arısı

download etmek için resmin üzerine tıklayın.

]]> http://www.csstema.com/css-tema/2-blog/bal-arisi.html/feed 0 earthlingtwo http://www.csstema.com/css-tema/2-blog/earthlingtwo.html http://www.csstema.com/css-tema/2-blog/earthlingtwo.html#comments Wed, 28 Oct 2009 20:40:08 +0000 admin http://www.csstema.com/?p=172 earthlingtwo

earthlingtwo

indirmek için temayı tıklayın.

]]> http://www.csstema.com/css-tema/2-blog/earthlingtwo.html/feed 0 paperslips http://www.csstema.com/css-tema/paperslips.html http://www.csstema.com/css-tema/paperslips.html#comments Wed, 28 Oct 2009 20:37:14 +0000 admin http://www.csstema.com/?p=169 paperslips

paperslips

temayı indirmek için resmin üzerine tıklayın.

]]> http://www.csstema.com/css-tema/paperslips.html/feed 0