bedava css tasarimlari

TÜRKİYE CANIM FEDA

Bedava Css Tasarimlari

Ice blue tasarim yapimi

ICE BLUE TASARIM YAPIMI


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.





Ornek tasarımın kodu;


[code]
<style type="text/css"> <!--
td.nav_heading{background-image:url(URL);}
td.nav{background-image:url
(https://img.webme.com/pic/c/css-tasarimm/denemebuton.gif);}
td.nav:hover{background-image: none;}
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: none;}
body{background-image:url
(https://img.webme.com/pic/c/css-tasarimm/denemebuton2.gif);}
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: none;}
td.shouty2{background-image: none;}
td.shouty3{background-image: none;}
td.shouty4{background-image: none;}
td.shouty5{background-image: none;}
--></style>
<style type="text/css">
<!--

td.edit_header_full{background-image: none;
-->
</style>




 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=