iceblue-dizayn / WEB TASARIM
  Tum Ekran
 


 

4 Tabele ve 6 Tabelle Sütununu genisletmek icin   Yüzde Bilgisi´ni(%) yazmamiz lazim.

Ondan Sonra Iceblue tüm Ekran Cözünürlüklerinde her zaman genis bir bicimde görülecektir


  • 4 Tabele ve 6 Tabele Sütunu
  • Kodlar buraya eklenecek : "Tasarimin üzerindeki yazi"


<style type="text/css">
<!--

/* Iceblue genisletmek */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 10% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 10% !important;}
td.edit_rechts_cbg{width:100%;}

-->
</style>



Tasarim simdi bütün Ekran Cözünürlüklerinde 100 % olarak gösteriliyor.
body (Tasarim Arkasinda Arkaplan) : Bunu ziyaretciler artik göremez.
Yani (body) icin artik Arkaplan gerekmiyor /görünmüyor !



Lütfen bu 2 Degeri ayarlayiniz :


td.edit_navi_headbg{width: 10% !important;}
td.edit_rechts_bottom{width: 10% !important;}











- Ikiside ayni Yüzde sayisini almasi lazim !
- Ikisinide 15%´den fazla  yapmayin !
- Uygun olani 10%
- Yoksa, ziyaretciler (1024 x 768) Ekran Cözünürlügünde, kaydirma direklerini görüyor. (scroll)




Dikkat ediniz :

  • Bu alanlar genisliyor :
  • Baslik alani yukarda
  • Metin alanindaki cizgi
  • Beyaz Metin alani                              
  • Metin alaninin altindaki cizgi
  • Metin alaninin altindaki Direk
  • Karanlik Alan / Metin alaninin arkasi
  • Lütfen resimin üzerine tiklayiniz.


Ipucu:

Eger bir resim Programiniz yoksa, yada uygun Resimleri hazirlamada yeteri kadar
deneyiminiz yoksa,

o zaman bu siniflara Arkaplan rengi veriniz. Mesela, Metin alani icin Beyaz Resim yerine, beyaz renk secebilirsiniz.



Metin alani :

 
td.edit_content { background-color: #FFFFFF; background-image: none; }













  • background-color: Arkaplan Rengi
  • background-image: url(); Parantezi bos birakin
  • Resim bununla birlikte gizleniyor ve die onun yerine sectiginiz Renk görünüyor.





Baslik ile Sorunlar :


1024 Ekran Genisligi olan Ziyaretciler, yaklasik 1000 Piksel genis Baslik Alani görüyor.

1440 Ekran Genisligi olan Ziyaretciler, yaklasik 1400 Piksel genis Baslik Alani görüyor. 



Arka Plan Resimleri / Grafikler kendiliginden ayarlanmaz !

- Baslik Resminin Genisligi en fazla :  1000  Piksel
- Basligin Sinifi td.edit_header_full
- Bu Sinifa bir Arka Plan rengi veriniz / background-color
- Bu sinifa veriniz background-repeat: no-repeat;
- Büyük Ekran Cözünürlügünde Basligin (Resim) tekrarlanmamasi icin

 
/* Baslik Alani */ td.edit_header_full { background-color: #000000; background-image: url(Resim-Link); background-repeat: no-repeat; }












background-color: Basligin Resminin aynisini aliyor.
Böylece, Resmin nerede bittigi ve Arka Plan Renginin nerede basladigi göze carpmiyor.



Tasarim Genisliginde Sayfanin Icerigine de dikkat ediniz:

Degisik Ekran Cözünürlügü olan Ziyaretciler, Metin alanini farkli genisliklerde görüyor.
Icerigin yerlestirilmesi, artik Ziyaretcinin Ekran Büyüklügüne baglidir.





"Tasarim üzerindeki Yazi" alanina önceden CSS-Kodlarimi eklediniz ?


  • Siniflarin kendi Kodunu icinde olup olmadigini yoklayiniz
  • Sinif Isimlerini kendi Kodunun icinde ayarlayiniz
  • CSS-Kodunda Sinif Isimlerini sadece bir defa yazabilirsiniz



 
   
  Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol