Sitemize Hoş Geldiniz...
Bilim Ve Teknoloji
css tasarım
...:::Css Tasarım Yapımı (Resimli Geniş Anlatım):::...
Öncelikle Css tasarımı seçiyoruz
Verdiğim kodu
![Arrow](http://theme.webme.com/smiles/icon_arrow.gif)
![Arrow](http://theme.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;} |
![](https://img.webme.com/pic/u/uacafe1905/css1.png)
![Arrow](http://theme.webme.com/smiles/icon_arrow.gif)
![Arrow](http://theme.webme.com/smiles/icon_arrow.gif)
![](https://img.webme.com/pic/u/uacafe1905/css2.png)
![Arrow](http://theme.webme.com/smiles/icon_arrow.gif)
Gösterdiğim ayarları yapıyoruz ve kaydediyoruz.
Bu ayarı yaparak imleci tabloda istediğimiz yere getirebiliyoruz.
![](https://img.webme.com/pic/u/uacafe1905/css3.png)
![Arrow](http://theme.webme.com/smiles/icon_arrow.gif)
![](https://img.webme.com/pic/u/uacafe1905/css4.png)
![Arrow](http://theme.webme.com/smiles/icon_arrow.gif)
![](https://img.webme.com/pic/u/uacafe1905/css5.png)
Sol menü için tablo ekliyeceğiz.
![](https://img.webme.com/pic/u/uacafe1905/css6.png)
Daha sonra tablonun hücre özelliklerine giriyoruz.
![](https://img.webme.com/pic/u/uacafe1905/css7.png)
Şimdi sayfa için bir tablo ekliyeceğiz.
![](https://img.webme.com/pic/u/uacafe1905/css8.png)
Daha sonra yine tablonun hücre özelliklerine giriyoruz.
![](https://img.webme.com/pic/u/uacafe1905/css9.png)
Tablomuz hazır şimdi bir başlık resmi koyacağız.
![](https://img.webme.com/pic/u/uacafe1905/css10.png)
Şimdi de tasarımımızın menüsünü yapıyoruz.
![](https://img.webme.com/pic/u/uacafe1905/css11.png)
Şimdi ise tasarımımıza ziyaretçi defteri nasıl koyulur onu öğrenelim.
![](https://img.webme.com/pic/u/uacafe1905/css12.png)
Ve tasarımımız hazır!
İşte tasarımızın görünümü
![](https://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> |
Bugün 39 ziyaretçi (43 klik) kişi burdaydı!