sitene 100,000 kod ekle
 
  Ana Sayfa
  welcome gifleri
  css ornek tasarim full
  Turkiye ve bayrak giftleri
  kendi slayt gosterini ekle
  sitene sayac ekle
  full kodlar
  sitene chat ekle
  sitene arka plan kod ekle
  site ici gerekli kodlar
  full 300 kod
  renk kodlar
  arka plan gifler
  java scriptleri
  dini gifler
  sayfa genisletme gizleme kodu
  full kod 2
  konu ayrac kodlar
  kod on izleme
  kod nasil eklenir
  arama motorlar
  Full gifler
  red baslik resimleri
  Butterfly temalar
  Butterfly menu buton
  css tasarim
  site hiz kodu
  site hizi 12 yolu
  css de bilinmesi gereken bilgiler
  resme link verme
  sitene menu ekle
  sitene arka plan red rose
  sitene hiz menü ekle
  coklu pagerank sorgulama
  google ban kontrol
  resimlerinizi slayt yapma kodlar
  Online Banner Yap
  Arama motorlarına kayıt
  Duyuru Kutusu Ekle
  mac sonuc kodu
  sayfa yukleniyor kodu
  tiklamadan link
  Ziyaretçi defteri
  canlı maç sonuçları
  sitene idda programı ekle
  mouse kodları
  .
  English codes
  Mouse Effects - Romantic hearts following mouse cursor
  Search box to find texts on the pages
  Snow on the page
  Rain on page
  Today's date on website on a nice calendar
  A user mouse follower analog clock
  Sparkles around mouse
  Change color of the scrollbar and make it colorful
  Put password on your website to protect your pages
  tags in Html
  Show welcome message to visitors of your website
  Set your website as the visitor's homepage
  Shake Internet Explorer
  How to print a page in HTML pages
  Calculator in your page
  Dancing status bar sliding nicely
  Background changing color effect
  Beautiful text two
  beautiful text
  two lines around the mouse cursor
  six stars around the the mouse cursor
  six dots around the the mouse cursor
  changing slowly back ground
  Space in my page
  Rain in my page
  snow in my page
  digital clock
  Yeni sayfanın başlığı
  Yeni sayfanın başlığışş
css ornek tasarim full

 
 


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





Ö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:
Kod:
<style type="text/css">
            <!--
td.nav {visibility:hidden;}
--> </style> 






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





Sayfalarımı değiştir / Yeni sayfa 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 Wink





Şimdide dış tablomuzun içini renklendirelim.





Resimde görüldüğü gibi renk seçiyoruz...





Ve görüldüğü gibi tablomuzun içini renklendirdik.Ben gri rengi tercih ettim.
Siz hangi seçerseniz seçin.Zevkinize kalmış Wink






Ş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;






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.






Sayfa Linki Yazdığım yeri seçiyorum ve Köprü ekle aracına tıklıyorum.Sonrası resimde görüldüğü gibi..






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



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






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





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





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.





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



"Photoshopar" yazısını silip yerine hazır flash sitelerinden yaptığımız flash menü kodumuzu oraya yapıştırıyoruz.



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



Sitemizi açtığımızda gördüğünüz gibi tablomuz miiss gibi eklenmiş durumda Mr. Green 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 Mr. Green
www.photoshopar.tr.gg






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

Örnek Olarak benim ziyaretçi defterime bakabilirsiniz:
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>
<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 üzerinde kendinize göre değişiklik yapabilirsiniz.Bu vermiş olduğum kodtaki bazı yerlerin ne işe yaradığını yazdım aşağıda:

<font> = Alandaki İsim,mail adresi,mesajınız vs gibi yazıların rengi.

<font> = Yazıların fontu - size:2 ise yazıların büyüklükleri.

bordercolor="#FFFFFF" = Tablo kenarlarının rengi

bgcolor="#797268" = Tablo içi rengi


Bundan Sonrasını Resim üzerinde anlattım.





Site arkaplan rengini değiştirmek iç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 kendi zevkinize göre değiştirebilirsiniz





Mail adresimizi word'te açtırma;

Öncelikle resim olarak yapacaksanız veya köprü olarak yapacaksanız ikiside aşağıdaki anlattığım gibi..Ben resimlisini anlattım.Ama aynı ikiside aynı..





Köprü Eklediğimiz Resmin Etrafındaki Maviliğ Yok Etme!!

Köprü eklediğimiz resimlerin etrafı mavi renk oluşur.Bu mavi rengi yok etmek için;

Köprü ekleyeceğimiz resmin üzerine sağ tıklayıp; "Resim Özellikleri" Diyoruz..

 






Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Siteniz:
Mesajın:

 
   
Reklam  
   
Bugün 32518 ziyaretçi (81024 klik) kişi burdaydı!
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=