Siteni Genişet Html Kodu

 

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

 

 






Bu sayfa hakkında yorum ekle:
İsminiz:
Mesajın:
Futbol Tutkusu TR
 
FRANK RIJKAARD
"Aslında her şeyden biraz var Türk futbolunda. Ama hiçbir şeyden tam yok"
Facebook beğen
 
Reklam
 
Site/Google İçi Arama
 
GOOGLE SİTE
 

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=
https://img.webme.com/pic/d/devrimcity/banneryok.gif