Lütfen Daha Kaliteli Bir Forum Görüntülemesi İstiyorsanız
Lütfen Üye Olun Yada Giriş Yapın.



Web Masterlık Hakkında HerŞey
 
AnasayfaAnasayfa  KapıKapı  TakvimTakvim  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yapGiriş yap  
iM Resmi Toolbarı
Müjde!! Artık i Master Forumunun Artık Resmi Toolbar'ı Var İndirmek İsteyenlere Link Altta iM Toolbar İndir
iM Resmi Toolbarı
Müjde!! Artık i Master Forumunun Artık Resmi Toolbar'ı Var İndirmek İsteyenlere Link Altta iM Toolbar İndir
Duyurular

 DUYURULAR

Forumumuza Hoşgeldiniz.Forumumuz Bizim Mekan Adlı Sitemiz Üzerine Kurulmuştur Sitemizi Ziyaret Edin ve Çok Memnun Kalın Sitemizde Teknoloji,WebMaster,Site Yardımları,Bilgisayar ve Ps Hakkında,Video,Müzik,Resim,Download Bölümü Oyun Program Kod Dünyası WM Dersleri ve Forumu Mevcuttur.Sitemizi Ziyaret Edin www.ii-master.tr.gg

Herşey Bu Sitede

Download Oyun Program WM Dersleri

Teknoloji Bölümü Bilgisayar PS 2-3 Kod Dünyası Ve Daha Fazlası
----------

i Master

Etiket Bulutu
Kod Adam

Paylaş | 
 

 Örnek Tasarım Kodu

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
-OquzHan-
Admin
Admin


Erkek
Mesaj Sayısı : 120
Reputation : 3
Doğum tarihi : 04/02/99
Kayıt tarihi : 29/09/10
Yaş : 17
Nerden : Adanaaa

Cüzdan
Altın Altın: 5000
Para Para: 6291

MesajKonu: Örnek Tasarım Kodu   Paz Ekim 03, 2010 2:40 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;
Kod:
<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ımdır uygulamayın...Yada uygulayın nolcak sanki... Very Happy

Önizleme:


i-Master.TurkForumPro.com
---------------------------------------
Admin -OquzHan-
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://kr0waz.turkforumpro.com
 
Örnek Tasarım Kodu
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Tasarımcı Kodu
» Üst ve Alt Sabit Tasarımcı Kodu
» Tasarımcı ve Tarih Kodu (Copying) (VBulletin Stili)
» tasarımcı, tarih kodu (bakar mısınız)
» Örnek rpler

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
 :: Web Destek :: HTML Kodları-
Buraya geçin: