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: none; 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.
|-----------------------------------------------------------------------|
Bedavasitem sayfana gir
"Tasarim Ayarlari"
Sonra "Gelismis Ayarlar"
Kodlari bu alana ekleyiniz: "Tasarim Üzerindeki Yazi"
<style type="text/css">
<!--
/* Iceblue genisletme 980 Piksel */
table.edit_main_table {
width: 980px!important;
margin: auto; }
td.edit_main_tr {
height: 50%!important;
width: 980px!important; }
table.edit_second_table {
width: 100%!important; }
/*Baslik*/
td.edit_header_full {
width: 980px!important; }
/* Baslik Alani */
td.edit_header_full table {
width: 980px!important; }
table.edit_third_table {
width: 100%!important; }
/* Metin Alaninin Arkasindaki Alan */
table.edit_rechts_tabelle {
width: 625px!important; }
/* Karanlik Alan / Metin Alaninin Arkasi */
td.edit_rechts_cbg {
height: 50%!important;
width:100%; }
/* Sagdaki Boxlardaki Cizgiler cikartildi*/
td.edit_rechts_sbg {
display: none; }
-->
</style>
Dikkat ediniz :
Bu alanlar yeni genislik aldi:
Yukardaki Baslik Alani (daha genis)
Metin Alanin üzerindeki cizgi
Beyaz metin alani
Metin alaninin altindaki cizgi
Metin alaninin altindaki Direk
Lütfen resimin üzerine tiklayiniz
Tasarimin üzerindeki 5 Grafik tekrarlaniyor.
Alanlar genisledi. Arkaplan Grafigi artik uymuyor.
Baslik simdi 980 x 104 Piksel büyüklügünde. Bu büyüklükte yeni Baslik yapiniz.
Örnek: Arkaplan Renkleri
- Bu alanlara yeni Arka Plan Rengi verebiliriz.
- Bu 5 Siniflar yeni background-color aliyor : (Asagidaki Koda bakiniz)
- Bu alana ekle "Tasarimin üzerindeki yazi"
- Bu koddan ÖNCE --> </style>
/* Metin alaninin üzerindeki Direk */
td.edit_content_top {
height: 23px;
background-color: #0C2939;
background-image: none; }
/* Metin Alani */
td.edit_content {
background-color: #FFFFFF;
background-image: none; }
/* Metin Alaninin altindaki Cizgi */
td.edit_content_bottom {
background-color: #FFFFFF;
background-image: none; }
/* Metin Alaninin altindaki Direk */
td.edit_content_bottom2 {
background-color: #0C2939;
background-image: none; }
/* Metin Alaninin altindaki Alan saydam yapildi */
td.edit_rechts_cbg {
background-color: ;
background-image: none; }
Tasarimda bir Sinif eger bir Arkaplan Rengi aliyorsa (background-color),
o zaman background-image: none; bu kod her zaman kullanilmasi lazim.
Parantezleri () bos birakmaliyiz. Ondan sonra verilen rengi, background-color
görebiliyoruz.
SIK Sorulan Sorular: Iceblue ´ya daha fazla genislik verebilir miyiz ?
Ziyaretcilerin büyük cogunlugu hala 1024 x 768 Ekran Cözünürlügü kullaniyor
Onlar Internet Sayfalarini yaklasik 1000 Piksel olarak görüyor
Onlar icin Tasarimin Solunda ve Saginda 10 Piksel Ara birakiyoruz
Yoksa Arkaplani hic göremezler (body)
1000 Piksel- 10 Piksel -10 Piksel = 980 Piksel Tasarim icin Genislik
" Iceblue Tasarimini eger 1280 Piksel olarak genisletmis olsaydik, o zaman Ziyaretciler Sayfalari kücük olarak ve uzunlamasina Kaydirma Direkleri görmüs olacakti. (scroll-cizgisi)
Bundan kacinmalisiniz ! "