...:::Css Tasarım Yapımı (Resimli Geniş Anlatım):::...

Öncelikle Css tasarımı seçiyoruz
Verdiğim kodu
Tasarım ayarları
Gelişmiş ayarlar
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;}

Sonra sayfalarımı değiştir'e giriyoruz.


Tablo ekle diyoruz.


Tabloda sağ tıklayıp hücre özelliklerine giriyoruz.
Gösterdiğim ayarları yapıyoruz ve kaydediyoruz.
Bu ayarı yaparak imleci tabloda istediğimiz yere getirebiliyoruz.

Başlık resmimiz için bir tablo ekliyeceğiz.

Tabloyu ekledikten sonra,tablonun içinde sağ tıklayıp Hücre özelliklerine giriyoruz.


Sol menü için tablo ekliyeceğiz.

Daha sonra tablonun hücre özelliklerine giriyoruz.

Şimdi sayfa için bir tablo ekliyeceğiz.

Daha sonra yine tablonun hücre özelliklerine giriyoruz.

Tablomuz hazır şimdi bir başlık resmi koyacağız.

Şimdi de tasarımımızın menüsünü yapıyoruz.

Şimdi ise tasarımımıza ziyaretçi defteri nasıl koyulur onu öğrenelim.

Ve tasarımımız hazır!
İşte tasarımızın görünümü


...:::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>