Ice Blue Tasarım Yapımı ( Örnekli Anlatım)
Crazyfrm
CrazyFrm Son Konular
Konu Yazan GöndermeTarihi
star
starSalı Nis. 22 2014, 17:30
star
starPtsi Eyl. 23 2013, 14:44
star
starPaz Ara. 30 2012, 03:45
star
starPaz Ara. 30 2012, 03:38
star
starPaz Ara. 30 2012, 03:33
star
starPaz Nis. 29 2012, 22:12
star
starPaz Mart 11 2012, 16:08
star
starCuma Mart 09 2012, 01:02
star
starCuma Mart 09 2012, 01:01
star
starC.tesi Mart 19 2011, 13:56
 
AnaSayfaAnaSayfa  YardımYardım  AraAra  Kayıt OlKayıt Ol Giriş Yap 
Misafir HoşGeldiniz...

Ice Blue Tasarım Yapımı ( Örnekli Anlatım)

Önceki başlık Sonraki başlık Aşağa gitmek
Yazar Mesaj
*
™CrazyFrm Kurucu™

avatar

*
Üyelik tarihi:
Mesajlar:
Nerden:
Rep Kademesi: ™CrazyFrm Kurucu™

*

MesajKonu: Ice Blue Tasarım Yapımı ( Örnekli Anlatım) Salı Mart 09 2010, 16:32

* *
1 2
Merhaba Sevgili bedava sitem kullanıcıları bu yazımda sizler ıce blue tasarımın nasıl yapılacağını anlatmaya çalışacağım.

Kod:
<style type="text/css">

Bu kod tasarımda olmazsa olmazlardan.. Bunu tasarımın üzerindeki yazı kısmında en başa eklemeniz gerek.

Kod:
</style>

Bu kod ise üstteki kodun kapatılmasına yarar. Bildiğiniz gibi bütün kodlar

Kod:
< >

içinde yazılır ve

Kod:
 </ >

olarak kapatılır.

Tasarımımıza başlık resmi eklemek için aşağıdaki kodu kullanırız. Üstekki kodlarda eklenerek,
Kod:
<style type="text/css"><!--td.edit_header_full{background-image: url(RESİM URLSİNİ BURAYA YAZIN);background-repeat: no-repeat;--></style>

Resim url si kısmına sonu jpg, gif veya png ile biten URL eklenir.
Örnek; [Linkleri görebilmek için üye olun veya giriş yapın.] Gibi..

Sitemizin arkaplanını değişmek için
Kod:
<style type="text/css">
<!--
body{background-image:url(RESMİN URL'Sİ BURAYA YAZILACAK);background-attachment: fixed}
-->
</style>
Bu kodu kullanırız. Yine aynı şekilde URL kısmına jp,gif veya png formatında URL eklememiz lazım.

Şimdi Kodları Direk Olarak Yazıyorum Sadece Gerekli alanları değiştirerek kulanın.

Buton Değiştirme Kodu:
Kod:
<style type="text/css">
<!--
td.nav{background-image:url(URL);}(RESMİN URL'Sİ BURAYA YAZILACAK);background-attachment: fixed}
-->
</style>

Mause ile üzerine gelindiğinde oluşan resim kodu;
Kod:
<style type="text/css">
<!--
td.nav:hover{background-image: url(URL);}(RESMİN URL'Sİ BURAYA YAZILACAK);background-attachment: fixed}
-->
</style>

td.nav_heading{background-image:url(URL);} ==> Navigasyon Yazan Kızıma Buton Oluşturma Komutudur..
td.sidebar_heading{background-image:url(URL);} ==> Sağ Kutuların En Başındaki Başlıklara Buton Oluşturma Komutudur...
td.edit_content_top{background-image:url(URL);} ==> Sayfalar Arası Dolaşırken En Üstte Hangi Sayfada Olduğunuzu Yazan Kısıma Buton Oluşturma Komutudur...
td.edit_content{background-image:url(URL);} ==> İçeriğinizin Bulunduğu Bölüme Bir Renk Resmi Yada Dilediğini Resmi Yerleştirme Komutudur...
td.edit_content_bottom{background-image:url(URL);} ==> Orta Sayfanın Bittiği Yere Bir Buton Oluşturma Komutudur..
td.shouty{background-image:url(URL);} ==> 1. Sağ Kutucuk Arkaplanına Resim Oluşturma Komutudur..
Bu Kodun başındaki td.shouty Komutunu td.shouty2 yaparsak ikinci Kutunun Arkaplanını Oluşturur.. Bunu 5 e kadar yazabilirsiniz...
td.edit_rb_footer{background-image:url(URL);} ==> Sağ Kutuları Biribirinden Ayırmak İçin Aralarına Bir Buton Oluşturma Komutudur...

Bütün bunları tek tek öğrendiğimize göre şimdi hepsini birlikde görelim.

Kod:
<style type="text/css"> <!--  td.edit_header_full{background-image:url(-----------BAŞLIK RESMİ URL-------);background-color:;}  td.headline{visibility:hidden;}  body{background-image:url(---------ARKAPLAN URL-------);background-attachment: fixed}  td.nav{background-image:url(---------BUTON URL--------);}  td.nav:hover{background-image: url(-------2.BUTON URL------);}  td.nav_heading{background-image:url(-------NAVİGASYON URL-------);background-color:#;}  td.edit_below_nav{visibility:hidden;}  td.edit_navi_headbg{background-image:url();}  td.edit_rechts_sbg{visibility:hidden;}  td.sidebar_heading{background-image:url(------SAĞ KUTU BAŞLIK BUTON URL-----);background-color:#;}  td.edit_content_top{background-image:url(-------SAYFA YER İMİ URL-------);background-color:#;}  td.edit_content{background-image:url(------İÇERİK ALANI URL------);background-color:#;}  td.edit_content_bottom{background-image:url(------İÇERİK ALANI BİTİŞ BUTON URL-----);background-color:#;}  td.edit_content_bottom2{background-image:url(URL);}  td.shouty{background-image:url(------SAĞ KUTU 1 BUTON URL-----);background-color:#;}  td.shouty2{background-image:url(-----SAĞ KUTU 2 BUTON URL-----);background-color:#;}  td.shouty3{background-image:url(-------SAĞ KUTU 3 BUTON URL-----);background-color:#;}  td.shouty4{background-image:url(-----SAĞ KUTU 4 BUTON URL-----);background-color:#;}  td.shouty5{background-image:url(-------SAĞ KUTU 5 BUTON URL------);background-color:#;}  td.edit_rechts_cbg{background-image: url(URL);}  td.edit_rb_footer{background-image:url(------SAĞ KUTU AYIRAÇ BUTON URL-----);background-color:#;}  td.edit_rechts_bottom{background-image: url(URL);}  td.edit_content_bottom:hover{background-image:url(URL);background-color:;}  --> </style>

Bir Kaç Resmin Boyutları ;
Başlık Resmi ==> 921x104
Buton ==> 185x33
Arkaplan ==> Kendinize göre Boyutlandırabilirsiniz.. Tavsiye : 1024x768
Orta Sayfa ==> Renk Kodu Girmeniz Tavsiyedir...
3 4
* *


CrazyFrm ; Kullanıcısının İmzası


[wow]custom:Yoneticiler,,,ff6600/t[/wow]~[wow]custom:Genel Moderatorler,,xyz,7BB92B/t[/wow]~[wow]custom:Moderatorler,,,000099/t[/wow]~[wow]custom:Grafikerler,,Xray,A60202/t[/wow]




Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://crazyfrm.forumotion.com
*
™CrazyFrm Tiryaki ™

avatar

*
Üyelik tarihi:
Mesajlar:
Nerden:
Rep Kademesi: ™CrazyFrm Tiryaki ™

*

MesajKonu: Geri: Ice Blue Tasarım Yapımı ( Örnekli Anlatım) Salı Mart 23 2010, 11:43

* *
1 2
iyi paylaşım
3 4
* *


Xray ; Kullanıcısının İmzası

Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://crazyfrm.forumotion.com
*
™CrazyFrm Yeni™

avatar

*
Üyelik tarihi:
Mesajlar:
Nerden:
Rep Kademesi: ™CrazyFrm Yeni™

*

MesajKonu: Geri: Ice Blue Tasarım Yapımı ( Örnekli Anlatım) Perş. Mart 25 2010, 23:46

* *
1 2
Sağol Güzel Paylaşım
3 4
* *


Mamoru ; Kullanıcısının İmzası

Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
*
™CrazyFrm Yeni™

avatar

*
Üyelik tarihi:
Mesajlar:
Nerden:
Rep Kademesi: ™CrazyFrm Yeni™

*

MesajKonu: Geri: Ice Blue Tasarım Yapımı ( Örnekli Anlatım) C.tesi Nis. 03 2010, 17:03

* *
1 2
Süpersin ..
3 4
* *


AtakaN ; Kullanıcısının İmzası

Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör

Ice Blue Tasarım Yapımı ( Örnekli Anlatım)

Önceki başlık Sonraki başlık Sayfa başına dön
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var: Bu forumdaki mesajlara cevap veremezsiniz
Crazyfrm :: Bedava Sitem Tasarım Kodları :: Ice Blue Tasarımlar -