![](http://cdn1.iconfinder.com/data/icons/isuite/512/CSS-Edit.png)
Öncelikle Css tasarımı seçiyoruz
Verdiğim kodu
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
Css Kodu bölümüne yapıştırıp kaydediyoruz.
Kod: |
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} |
![](http://img.webme.com/pic/u/uacafe1905/css1.png)
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
![](http://img.webme.com/pic/u/uacafe1905/css2.png)
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
Gösterdiğim ayarları yapıyoruz ve kaydediyoruz.
Bu ayarı yaparak imleci tabloda istediğimiz yere getirebiliyoruz.
![](http://img.webme.com/pic/u/uacafe1905/css3.png)
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
![](http://img.webme.com/pic/u/uacafe1905/css4.png)
![Arrow](http://smilies.webme.com/smiles/icon_arrow.gif)
![](http://img.webme.com/pic/u/uacafe1905/css5.png)
Sol menü için tablo ekliyeceğiz.
![](http://img.webme.com/pic/u/uacafe1905/css6.png)
Daha sonra tablonun hücre özelliklerine giriyoruz.
![](http://img.webme.com/pic/u/uacafe1905/css7.png)
Şimdi sayfa için bir tablo ekliyeceğiz.
![](http://img.webme.com/pic/u/uacafe1905/css8.png)
Daha sonra yine tablonun hücre özelliklerine giriyoruz.
![](http://img.webme.com/pic/u/uacafe1905/css9.png)
Tablomuz hazır şimdi bir başlık resmi koyacağız.
![](http://img.webme.com/pic/u/uacafe1905/css10.png)
Şimdi de tasarımımızın menüsünü yapıyoruz.
![](http://img.webme.com/pic/u/uacafe1905/css11.png)
Şimdi ise tasarımımıza ziyaretçi defteri nasıl koyulur onu öğrenelim.
![](http://img.webme.com/pic/u/uacafe1905/css12.png)
Ve tasarımımız hazır!
İşte tasarımızın görünümü
![](http://img.webme.com/pic/u/uacafe1905/son.png)
...:::Css Tasarımda İşinize Yarayacak Kodlar:::...
Arka Plan Resmi Kodu
Kod: |
<style type="text/css"> <!-- body{background-image:url(ARKA PLAN RESMİ URL'Sİ BURAYA);background-attachment: fixed} --> </style> |
Siteyi Ortalama Kodu
Kod: |
<style type="text/css"> <!-- html, body { text-align: center; } --> </style> |
_______________________________________________________
Köprülü Yazının Altındaki Çizgiyi Kaldırma Kodu
Kod: |
<style> <!-- A{text-decoration:none} --> </style> |
_______________________________________________________
Ziyaretçi Defteri vb. Ekstraların Boyutunu Küçültme Yazı Tipini Dğiştirme Kodu
Kod: |
<font color=""><font face="Arial" size=1> |
Hi, of course this post is in fact nice and I have learned lot of things
YanıtlaSilfrom it regarding blogging. thanks.
Here is my web blog: damian campbell guide