SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI
yazi7
CSS DESİGN ÖRNEK TASARIM
Öncelikle resimde görüldüğü gibi Css Design Tasarımını seçiyoruz.
Css Design tasarımında menü gizleme kodunu eklememiz gereklidir.
Menü gizleme kodunu Navigasyonun baslığı: kutucuğuna yapıştırıyoruz. Ardından Kaydet diyoruz
Css Design Menü Gizleme Kodu:
Öncelikle resimde görüldüğü gibi Css Design Tasarımını seçiyoruz.
![](http://img216.imageshack.us/img216/7272/93951569dx8.jpg)
Css Design tasarımında menü gizleme kodunu eklememiz gereklidir.
Menü gizleme kodunu Navigasyonun baslığı: kutucuğuna yapıştırıyoruz. Ardından Kaydet diyoruz
Css Design Menü Gizleme Kodu:
Kod: |
<style type="text/css"> <!-- td.nav {visibility:hidden;} --> </style> |
![](http://img210.imageshack.us/img210/5226/59021361zz7.jpg)
"Ayarlar" sayfasına gelerek site başlığını yok etmeliyiz.Bunu ise site başlığı: Yazının karşısındaki kutucuğa bir kez tıklayıp ardından space (boşluk) tuşuna basıyoruz ve Kaydet diyoruz.
![](http://img301.imageshack.us/img301/8384/96424251te6.jpg)
Sayfalarımı değiştir / Yeni sayfa diyoruz.
![](http://img179.imageshack.us/img179/8827/54755894ye7.jpg)
Aşağıda görüldüğü gibi araçlarımız gösteriliyor.
Tasarımımızın bir tablo içerisinde olması için aşağıdaki yolu izliyoruz.
![](http://img179.imageshack.us/img179/3979/47919933qb0.jpg)
Resimde görüldüğü dış tablomuzu yaptık.
![](http://img214.imageshack.us/img214/4505/74831095dm8.jpg)
En üste banner resmi koyacaz.Onun için yaptığımız tablonun en üstüne banner'lık bi tablo yapacağız.
![](http://img89.imageshack.us/img89/8817/75227683uy3.jpg)
Resimde görüldüğü gibi banner resmi ekleme işlemi yapılmaktadır.Banner boyutları 800 x 100 boyutlarında.Ona göre banner yapabilirsiniz..
Ve işte banner' ımız tablonun içine eklenmiş durumda
![](http://img148.imageshack.us/img148/2369/29971974ac6.jpg)
Şimdide dış tablomuzun içini renklendirelim.
![](http://img145.imageshack.us/img145/9616/10ye4.jpg)
Resimde görüldüğü gibi renk seçiyoruz...
![](http://img329.imageshack.us/img329/4745/11ok0.jpg)
Ve görüldüğü gibi tablomuzun içini renklendirdik.Ben gri rengi tercih ettim.
Siz hangi seçerseniz seçin.Zevkinize kalmış
![](http://img329.imageshack.us/img329/1158/12lr7.jpg)
Şimdide Tablomuzun sağ tarafına tablo yapalım.
Tablo yapmak için araçlarımızdan yine aynısına tıklıyoruz.
ve gelen pencereden;
![](http://img171.imageshack.us/img171/4834/13ov5.jpg)
Görüldüğü gibi saol tablomuzuda yerleştirmiş olduk.
![](http://img516.imageshack.us/img516/8261/14co0.jpg)
Yapmış olduğumuz tablonun içine menü kutucukları koyalım.Menü kutucukları tablo ebatları;
satırlar:1
sütunlar:1
Kenar kalınlığı:1
Genişlik:210
Kaç tane sayfamız olacaksa o kadar menü tablosu ekliyoruz ve içlerine sayfa yazılarını ekliyoruz.
![](http://img175.imageshack.us/img175/1958/15cp5.jpg)
YAZININ DEVAMI==>
Bugün 230 ziyaretçi (355 klik) kişi burdaydı!