Iceblue Tasarım Sayfası(Resimli Anlatım)

iceblue icin yapilan tasarim icerik kodlari üstdeki resimde ok isareti gösterilmiştir, yapmanız gereken değiştirmek istediğiniz bölümün kodunu yazıp uygun boyuttaki bir resim veya renk kodu girerek istediğiniz görünümü saglayabilir, örnek verirsek eğer başlık resmini değiştirmek istediğimizde, td.edit_header_full url(http:// resim url adresini buraya ekleyiniz) kodunu kullanarak isteğiniz bir resmi başlık resmi olarak eklebiliriz verdiğim koddaki kırmızı renkli yerler sabit olarak görün ortaki yesille yazan yere sayfanızı hangi bölümünü değiştirmek istiyorsanız ,üstdeki resimde gösterilen ilgili bölümün kodunu yazınız..
eger değiştirmek istediğiniz bölüme uygun resim bulamazsanız renk kodu ekleyin, örnek td.edit_header_full {background-color: #ffffff;} kırmızı renki yazılan yerdeki #ffffff yazısı renk kodudur.. simdi size en basit tasarim yapma yöntemini anlatim,


altdaki örnek bir tasarım verdim, tasarim koduna bakarsanız bütün bölümleri gizlediğimi ve sadece buton ve arka plan resmi ekleyerek tasarım yaptıgımı göreceksiniz.. bu örnek tasarımdaki kırmızı renkli belirtilen yerlerdeki url adresleri silerek eklemek istediginiz url adresleriyle degistirip kendine özgu bir tasarım yaratabilirsin, birinci kırmızı yerdeki url adresi buton içindir ikinci kırmızı yerdeki url adresi ise arka plan resmi içindir.


örnek tasarımın kodu;


<style type="text/css"> <!--
td.nav_heading{background-image:url(URL);}
td.nav{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/naazimcagreybuton1.gif);}
td.nav:hover{background-image:url();}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image:url();}
body{background-image:url(http://80.190.202.79/pic/n/naazimcadeneme/naazimcablogtasarim2.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty{background-image:url();}
td.shouty2{background-image:url();}
td.shouty3{background-image:url();}
td.shouty4{background-image:url();}
td.shouty5{background-image:url();}
--></style>
<style type="text/css">
<!--

td.edit_header_full{background-image: url();
-->
</style>






örnek tasarım kodunu önizlemesi;



naazimca anlatımıdır.