Reklamı Kapat

Mehmet Ayhan Kişisel Sitesi

Tablolar ile CSS Tasarim Yapimi

Tablolar ile Css Tasarım Yapımı ( Resimli Anlatım )

Öncelikle resimde görüldüğü gibi Css Design'ı 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 butonuna tıklıyoruz.

CSS Menü Gizleme Kodu:




"Ayarlar" sayfasına gelerek site başlığını yok etmeliyiz.Bunu ise site başlığı yazısının karşısındaki kutucuğa bir kez tıklayıp ardından space (boşluk) tuşuna basıyoruz ve Kaydet butonuna tıklıyoruz.



Sayfalarımı değiştir / Yeni sayfa ekle diyoruz.



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.



Resimde görüldüğü dış tablomuzu yaptık.



En üste banner resmi koyacaz.Onun için yaptığımız tablonun en üstüne banner'lık bi tablo yapacağız.

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 [ of belim ağrıdı ]



Şimdide dış tablomuzun içini renklendirelim.



Resimde gördüğünüz gibi renk seçiyoruz...



Ve görüldüğü gibi tablomuzun içini renklendirdik.Ben sarı-turuncu arası bir rengi tercih ettim.Siz hangi seçerseniz seçin.Size kalmış.



Şimdide tablomuzun sağ tarafına tablo yapalım.
Tablo yapmak için araçlarımızdan yine aynısına tıklıyoruz.
ve resimi takip ediyoruz.



Görüldüğü gibi sol yatay menümüzüde yapmış olduk

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.


Buraya Link Gelecek yazdığım yeri seçiyorum ve Köprü ekle aracına tıklıyorum.Sonrası resimden bakarak yapıyoruz.



Tamam'a tıkladığımız anda köprü eklenmiş demektir.Ancak yazının rengi gördüğünüz gibi koyu mavi oldu.Bunu tekrar eski haline yani siyah yapmak için;

Hepsine bu şekilde sayfasına göre link (köprü) ekleyin.


Son bir kaç bilgi vereceğim..Daha önce menü gizleme kodu vermiştim.Onu bi yere daha yapıştıracağız.Bu kodu resimdeki yere yapıştırmazsak sitemiz görünmez haberiniz olsun...

Css Design Menü Gizleme Kodu:




Tekrar "Kaynak" butonuna tıklayarak Ctrl + A yapıyoruz.Yani kodlarımızın tümünü seçiyoruz ve kopyalıyoruz..



Bu kopyaladığımız kodu bütün sayfalara yapıştırıyoruz.
DİKKAT! : Yapıştırıyoruz derken direk yapıştırmayın."Kaynak" butonuna tıklayıp sonra yapıştırıyoruz..



Görüldüğü gibi bütün sayfalara yapıştırıyorum..

Tasarladığımız sitenin içeriklerini her sayfanın kendisine göre dolduruyoruz.

Site Arkaplanını Değiştirmek İçin

Aşağıdaki kod arkaplan "siyah" kodudur.Bu kodu "Tasarım üzerindeki yazı" yerine yapıştırırsanız sitenizin arkaplanı siyah olacaktır..

Kod:
 <body bgcolor="#000000">

#000000 = bu kodlama siyah içindir.Diğer renkleri aşağıda verdim kendinize göre değiştirebilirsiniz.
 



______________________________________________________________________________________

Bugün 131 ziyaretçi ve 217 tık

İp Adresiniz - 3.144.6.144

© Tüm Hakları Saklıdır - Mehmet Ayhan
Yazılar kaynak belirtilmeden kullanılamaz.

Wordpress Tema alexa bilgilerim Website Detay Creative Commons v3 ile Lisanslanmıştır!
Mayhann.TR.Gg Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol