//--> Siteni ekle, Hit Kazan, Toplist, Siteni Ekle Hit Kazan

Destek Ver

Link Takas

Sponsor

Etiketler

siteni ekle, site ekle, siteni ekle hit kazan, hit kazan, toplist, site hit sorgulama, bayanlara özel,
kadınlara özel siteler , toplist ekle tr.gg google ekleme, tr.gg siteleri google kayıt, add toplist, site google, site ekle.tr.gg google tr.gg sitemi eklemiyor, google-bot tr.gg, google, zirve, html toplist kodu, istatistik, siteni ekle hit kazan , google bot ekleme,kayıt google, pagerank, site ekle site, hit toplist ekle , site hitleri kodu, site index kodları, site indexleri, dizin url ekleme, Site reklamı yap, site reklamları, site reklamı nasıl yapılır, site reklamı ver, site rehberi, site rehberleri, video siteleri listesi, tr.gg site açma, tr.gg temaları, tr.gg şablonları,tr.gg css tasarımları, fbml kod, fbml kodları, facebook html kodları, tr.gg html kodları, site emlak, tr.gg, google hakkında bilgiler, toplist, siteni ekle, tr.gg toplist, site ekle, hit kazanma, hit siteleri

Bağlantılar

Ping your blog, website, or RSS feed for Free
Toplist Siteni ekle Hit Kazan
Link ListesineSiteni ekle.

Siteni ekle | Hit Kazan | Toplist | Siteni Ekle Hit Kazan

Css Yapimi

CSS DESİGN ÖRNEK TASARIM (Resimli Anlatım)




Öncelikle resimde görüldüğü gibi Css Design Tasarımını seçiyoruz.

Resmi Tam Boyutuyla Görmek İçin Resme Tıklayınız.





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> 

Resmi Tam Boyutuyla Görmek İçin Resme Tıklayınız.




"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.
Resmi Tam Boyutuyla Görmek İçin Resme Tıklayınız.




Sayfalarımı değiştir / Yeni sayfa diyoruz.
Resmi Tam Boyutuyla Görmek İçin Resme Tıklayınız.





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.
Resmi Tam Boyutuyla Görmek İçin Resme Tıklayınız.




Resimde görüldüğü dış tablomuzu yaptık. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.




En üste banner resmi koyacaz.Onun için yaptığımız tablonun en üstüne banner'lık bi tablo yapacağız. 
Tam Boyutuyla Görmek İçin Resme Tıklayını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 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.





Şimdide dış tablomuzun içini renklendirelim. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.





Resimde görüldüğü gibi renk seçiyoruz... 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.





Ve görüldüğü gibi tablomuzun içini renklendirdik.Ben gri rengi tercih ettim.
Siz hangi seçerseniz seçin.Zevkinize kalmış 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.

 



Ş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; 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.





Görüldüğü gibi saol tablomuzuda yerleştirmiş 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. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.



Sayfa Linki Yazdığım yeri seçiyorum ve Köprü ekle aracına tıklıyorum.Sonrası resimde görüldüğü gibi.. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.



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; 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.

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



Tasarım olarak biraz bilgi öğretmeye çalıştım.Genel olarak bu verdiğim bilgilere dayanarak kafanızda tasarladığınız tasarımlar yaratabilirsiniz.

Son bi 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:
http://photoshopar.tr.gg/ziyaretcidefteri.htm

Css Design tasarımında ziyaretçi defteri gibi bazı extraları site içeresine koymamız zordur.Onun için ayrı bi sayfada tablo içerisine güzel ziyaretçi defteri oluşturmamız mümkündür.Bunun için aşağıda vermiş olduğum kodu Ekstraları Değiştir/Ziyaretçi defteri/Ziyaretçi defterinden önceki metin: kutucuğuna yapıştırmamız gerekiyor...

Ziyaretçi defterinden önceki metin kutusuna yapıştıracağımız kod:

Kod:
<style type="text/css">
            <!--
td.nav {visibility:hidden;}
--> </style> 

 Tam Boyutuyla Görmek İçin Resme Tıklayınız.




Tekrar "Kaynak" aracına tıklayarak Ctrl + A yapıyoruz.Yani kodlarımızın hepsini seçiyoruz ve kopyalıyoruz.. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.




Bu kopyaladığımız kodu bütün sayfalara yapıştırıyoruz.Yapıştırıyoruz derken direk yapıştırmayın.Öncelikle "Kaynak" aracına tıklayıp sonra yapıştırıyoruz.. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.




Görüldüğü gibi bütün sayfalara yapıştırıyorum.. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.



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





Kod Ekleme - Hazır Flash Menü Kodlarının vs. Eklenimi:

Css Design tasarımının neresine menü koymak istiyorsanız oraya bi tablo koyacağız.Öncelikle Kenar kalınlığı 0 olan 1 tablo oluşturuyoruz ve içine herhangi bişey yazıyoruz.Resimde gördüğünüz gibi ben "photoshopar" yazdım... 



Sonra Kaynak yazan yere tıklıyoruz. 



"Kaynak" yerine tıkladığımız zaman yapmış olduğumuz tasarımın html kodu çıkar.Burdan Photoshopar Yazısını buluyorum ve o yazıyı ordan siliyorum.Yani bizim amacımız photoshopar yazısını silip oraya flash menümüzün kodunu eklemek olacaktır... 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.



"Photoshopar" yazısını silip yerine hazır flash sitelerinden yaptığımız flash menü kodumuzu oraya yapıştırıyoruz. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.


Görüldüğü gibi kodumuzu yapıştırdık oraya.Bu işlemden sonra "Kaynak" yazan yere tekrar tıklıyoruz ve tasarım sayfamızın görünüşü geliyor.Tablonun içinde menü felan görmüyeceksiniz.Sakın yapamadım diye paniklemeyin.Çünkü burda menü görünmez.Menünüz siteyi kaydettiğiniz zaman ardından sitenizi açarak görebilirsiniz.. 
Tam Boyutuyla Görmek İçin Resme Tıklayınız.


Sitemizi açtığımızda gördüğünüz gibi tablomuz miiss gibi eklenmiş durumda  Bu işlemi uygulayarak istediğimiz hazır kodu ekleyerebiliriz.Sonradan o kodu silmek mi istiyorsunuz.Hiç sorun değil.Kodu eklediğiniz tabloyu silin.Kodu içirisine yapıştırdığımız için otomatikmen tablo ile birlikte kodta silinecektir..işlem bu kadar  





Ziyaretçi Defteri Oluşturma - Extralar Kısmı

Örnek Olarak benim ziyaretçi defterime bakabilirsiniz:
Kod:
<style>
<td> </style>

<font><font>

<table>
    <tbody>
           <td></p>
BURAYA İSTEDİĞİNİZ BİR YAZI YAZABİLİRSİNİZ
<center><img src="http://img296.imageshack.us/img296/1265/ziyaretcideftericopywa2.png"<center>
Kod:
<body bgcolor="#000000">
Bugün 14 ziyaretçi (197 klik) Sitemizi Ziyaret Etti





İçerik alırken kaynak belirtiniz - 2012


Canlı Tv İzle Lfs Yamaları Lfs Araba Yamaları - Lfs Yamaları Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol