Css Tema

Ücretsiz CSS Temalar - Bedava CSS Tema

Css Tema admin | 23 Nis 2009

CSS Video Teması Arama Bölümlü

css-video-tema_1240484351029Site Genişliği: 960px

Yazı Fontu : arial,sans-serif

Arama Bölümü Eklenmiştir.

Demo Adresi : http://www.csstema.com/demo/video/

Geişmiş Video CSS Tema (65)

css-video-tema_1240484394240

Css Tema admin | 22 Nis 2009

CSS Video Tema

videoSite Genişliği: 960px

Yazı Fontu : arial,sans-serif

CSS video Tema (71)

Css Tema & Portal & Üst Menü admin | 19 Nis 2009

Restoran (Restaurant) Tema

dSite Genişliği: 900px

Yazı Fontu : Arial, Helvetica, sans-serif

Menü : Üst Blog

Restaurant Tema (50)

Menüler admin | 14 Nis 2009

CSS ile Kutu Şeklinde Menü Hazırlamak (display:block)

İlk önce html sayfamızı oluşturup index.html olarak kayıt edin içerisindeki kodlar aşağıda.

HTML:
  1. <div id="menu">
  2.     <li> <a href="hakkimizda.html">Anasayfa</a></li>
  3.     <li> <a href="hakkimizda.html">Hakkımızda</a></li>
  4.     <li> <a href="urunler.html">Ürünler</a></li>
  5.     <li> <a href="üye girisi.html">üyegirişi</a></li>
  6.     <li> <a href="iletisim.html">iletişim</a></li>
  7. </ul>
  8. </div>

Bir dosya daha oluşturup menu.css diye kayıt edin.

CSS:
  1. body {
  2. font-family:tahoma;
  3. font-size:12px;
  4. }
  5. #menu  ul
  6. {
  7. list-style:none
  8. }
  9. #menu  ul li
  10. {
  11. text-align:center;
  12. width:100px;
  13. display:block;
  14. }
  15. #menu  ul li a
  16. {
  17. color:yellow;
  18. padding:10px 0px 0px 0px;
  19. text-decoration:none;
  20. height:30px;
  21. background-color:red;
  22. display:block;
  23. }
  24. #menu  ul li a:hover
  25. {
  26. color:red;
  27. text-decoration:underline;
  28. background-color:yellow;
  29. display:block;
  30. }

CSS dosyasını oluştururken ilk önce

body ile sayfamızın yazı fontunu ve yazı büyüklüğü ayarladık.İstersek bunu a ve a:hover etiketleri içindede tanımlaya bilirsiniz.

CSS:
  1. body {
  2. font-family:tahoma;
  3. font-size:12px;
  4. }

Listemizin önündeki noktaları iptal etmek için ul etiketi içindeki noktaları aşağıdaki kodu yazıyoruz.

CSS:
  1. #menu  ul
  2. {
  3. list-style:none
  4. }

ul etiketi içindeki li etikerlerini block biçimi alması için display:block; yazıları ortalamak için text-align:center; li nin genişliği içinde width:100px; yazıyoruz.

CSS:
  1. #menu  ul li
  2.  
  3. {
  4. text-align:center;
  5. width:100px;
  6. display:block;
  7. }

a yani link etiketimiz içinde renk belirliyoruz site açıldığında linklerin rengi color:yellow; linklerin üste yapışık çıkmaması için padding:10px 0px 0px 0px;
altındaki çizgiyi kaldırmak için text-decoration:none; yüksekliğini belirtmek için height:30px; arkaplan rengi için background-color:red; block şeklini alması için display:block; kullanıyoruz.

CSS:
  1. #menu  ul li a
  2.  
  3. {
  4.  
  5. color:yellow;
  6.  
  7. padding:10px 0px 0px 0px;
  8.  
  9. text-decoration:none;
  10.  
  11. height:30px;
  12.  
  13. background-color:red;
  14.  
  15. display:block;
  16.  
  17. }

üstüne geldiğinde renklerin değişmesi için color:red; renkleri değiştiriyoruz text-decoration:underline; yazıların altını çiziyoruz background-color:yellow; arkaplan resmini değiştiriyoruz display:block; şeklinde görünyülüyoruz.

CSS:
  1. #menu  ul li a:hover
  2. {
  3. color:red;
  4. text-decoration:underline;
  5. background-color:yellow;
  6. display:block;
  7. }

menülerin soldan sağa doğru sıralanması için float:left; kodunu #menu ul li içerisine ekliyoruz.

CSS:
  1. #menu  ul li
  2.  
  3. {
  4. text-align:center;
  5. width:100px;
  6. display:block;
  7. float:left;
  8. }

menülerin sağdan sola doğru sıralanması için float:right; kodunu #menu ul li içerisine ekliyoruz.

CSS:
  1. #menu  ul li
  2.  
  3. {
  4. text-align:center;
  5. width:100px;
  6. display:block;
  7. float:right;
  8. }

3 Blog & Css Tema & Sol Menü admin | 13 Nis 2009

CSS Futbol Teması

Site Genişliği: 800 px

Yazı Fontu : Arial, Helvetica, sans-serif

Menü : Sol Blog

CSS Futbol Tema (73) - 815.66 KB

3 Blog & Portal & Üst Menü admin | 14 Oca 2009

Jet Css Portal Tema

Site Genişliği: 981px

Yazı Fontu : Arial, Helvetica, sans-serif

Menü : Üst Blog

jet (150) - 119.85 KB

3 Blog & Portal & Üst Menü admin | 14 Oca 2009

Extreme CSS Portal Tema

Site Genişliği: 960px

Yazı Fontu : Trebuchet MS, Arial, Helvetica, sans-serif

Menü : Üst Blog

extreme (120) - 149.73 KB

3 Blog & Üst Menü admin | 31 Ara 2008

Gökkuşağı CSS Tema

Site Genişliği: 960px

Yazı Fontu : Verdana, Arial, Helvetica, sans-serif

Menü : Üst Blog

baseline (135) - 77.52 KB

3 Blog & Üst Menü admin | 16 Ara 2008

Yeşil Yol CSS Tema

Site Genişliği: 960px

Yazı Fontu : Trebuchet MS, Times New Roman, Times, serif

Menü : Üst Blog

Yeşil Yol CSS Tema (139) - 10.55 KB

2 Blog & Üst Menü admin | 15 Ara 2008

Saf Şehir

Site Genişliği: 700px

Yazı Fontu : Georgia, "Times New Roman", Times, serif

Menü : Üst Blog

Saf Şehir (59) - 6.67 KB

Older Entries »