Eğlencenin,Paylaşımın Zirveye Vurdugu adres Forumca ...
 
AnasayfaSSSAramaKayıt OlGiriş yap

Paylaş | 
 

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

Aşağa gitmek 
YazarMesaj
Hsyn-dgn
Yönetici
Yönetici
avatar

Mesaj Sayısı : 120
Yaş : 28
Nerden : Yozgat
Ruh Hali :
Takım :
Kayıt tarihi : 08/07/08

MesajKonu: Iceblue Tasarım Sayfası(Resimli Anlatım)   10/6/2008, 10:02 am

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.

_________________
Üyeye zarar gelmez ADMİN kızmadıkça! ADMİN kızmaz Üye azmadıkça!!!





Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://htmljavakod.tr.gg
 
Iceblue Tasarım Sayfası(Resimli Anlatım)
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Arkadaşlar Lütfen Yardım Resimli Anlatım
» Arkadaşlar Lütfen Yardım Resimli Anlatım
» Sevgini haykır resimli anlatım.(yeni)
» Böyle Bir Profil Görünümü Nasıl Oluşturabilirim Resimli Anlatım
» Masal bölümü resimli anlatım.

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
 :: Web Master :: CSS-
Buraya geçin:  

Google Pagerank Checker
forum kurmak | © phpBB | Bedava yardımlaşma forumu | Suistimalı göstermek | Ücretsiz blog