iceblue tasarım yapımı
DERS 1 (TASARIMDA ÖNEMLİKLER)1:BİR TASARIMDA RENK UYUMU COK COK COK ÖNEMLİDİR...
2:TASARIMDAKİ RESİM BOYUTLARI MESELA BAŞLIK RESMİNİN BOYUTU SİTEYE GİRİŞ YAPTIKTAN SONRA GÖZE CARPAN İLK ŞEY BAŞLIK RESMİDİR BOYUTLARINA DİKKAT ETMELİYİZ...
DERS 2 ( TASARIM BUTON BAŞLIK VS BOYUTLARI)
ARKADAŞLAR BİR ORTALI ICEBLUE TASARIMIN BAŞLIK BUTON VS BOYUTLARINI ACIKLIYACAM
1: ICEBLUE ORTALI TASARIM BAŞLIK RESMİ BOYUTLARI (921x104)
2: ICEBLUE BUTON (185x33)
3: ORTALI ICEBLUE TASARIMIN ORTA ALAN ÜST KISMINDAKİ BUTON (570x33) OLMALIDIR
4:BİR ICEBLUE SAĞ BUTON (168x33) PİKSEL OLMALIDIRLAR...
DERS 3 (BAŞLIK YAZISI VE LOGOLAR)
1:HER ZAMAN HEKEZİN SÖYLEDİĞİ BİRŞEY VARDIR BAŞLIK YAZISI SİTENİZİ ÖN PLANA YAZI GETİRİR SİTENİZİ KISA VE ÖZ ELE ALARAK BAŞLIK YAZINIZI YAZMALISINIZ...
2:LOGOLAR MESELA BUTONDAKİ VEYA BAŞLIKTAKİ LOGOLAR SİTENİZE DAHA BİR DEĞİŞİK PARLAKLIK KATAR BU PARLAKLIK ZATEN SİTENİZE YOĞUN BİR ZİYARETCİ AKIMINA UĞRATIR...
NOT:ÜST TARAFTAGÖRDÜĞÜNÜZ YAZILARIN TÜMÜ BİZE AİTDİR BELKİ AYNI FİKİRLERDE OLMUYABİLİRİZ AMA BEN HER ZAMAN BU KURALLARA UYARAK TASARIM YAPMIŞIMDIR VE BAŞARILI OLMUŞUMDUR İNŞ SİZLERİNDE İŞİNİZE YARAR
EVET ARKADAŞLAR ICEBLUE TASARIM YAPMAK TR.GG DE BENCE EN KOLAY İŞTİR B-S FORMUNDA VEYA BÖYLE SİTELERDE ICEBLUE TASARIM YAPMAYI B-S'CİLER OLARAK ANLATMAYA CALIŞMIŞIZDIR...
BU BÖLÜMDE GÖRDÜĞÜNÜZ ANLATIM BANA AİTDİR İZİNSİZ KOPYALANMAZ SADECE RESİMİ B-S FORMUNDAN ALMIŞIZDIR...
 |
ORLİNALİ İÇİN TIKLA |
ÜST TARAFDAKİ RESİMDE GÖRÜLEN BİLGİLERİ ALTTAKİ KODDA KIRMIZI RENKLERLE BELİRMİŞİMDİR BU UYGULAMAYI YAPINIZ VE DİZE LAZIM OLACAK KODLAR ORTALAMA GENİŞLETME VE ARKA PLAN RESMİ YAPMA KODU OLACAKTIR ONUDA EN ALT KISIMDA VERMİŞİZDİR..
-----------------------------------------------------------------------------------------------------------------------------
</style>
<style type="text/css"> <!--
td.nav_heading{background-image:url(NAVİGASYON ARKAPLAN);}
td.nav{background-image:url(BUTON RESMİ URLSİ);}
td.nav:hover{background-image:url(BUTONUN ÜZERİNE GELİNCE BU GÖZÜKÜR);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(SOL ALT BORDER);}
td.edit_content_top{background-image:url(ÜST ORTA BUTON URL);}
td.edit_content{background-image:url(ORTA ALAN İÇERİK KISMI ARKA PLAN RESMI);background-color:transparent;}
td.edit_content_bottom{background-image:url(ALT ORTA BUTON);}
td.edit_content_bottom2{background-image: none;}
td.shouty{background-image: none;}
body{background-image:url(GENEL ARKA PLAN RESMİ);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(ORTA BÖLÜM EN ALT ARKA PLAN);}
td.edit_rechts_bottom{background-image: url(SAĞ ALT BORDER);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{background-image: url(SAĞ KUTUCUKLAR BAŞLIK ARKAPLANİ);}
td.shouty{background-image:url(SAĞ KUTUCUKLAR BAŞLIK ARKAPLANİ);background-color:transparent;}
td.shouty2{background-image:url(SAĞ KUTUCUKLAR BAŞLIK ARKAPLANİ);background-color:transparent;}
td.shouty3{background-image:url(SAĞ KUTUCUKLAR BAŞLIK ARKAPLANİ);background-color:transparent;}
td.shouty4{background-image:url(SAĞ KUTUCUKLAR BAŞLIK ARKAPLANİ);background-color:transparent;}
td.shouty5{background-image:url(SAĞ KUTUCUKLAR BAŞLIK ARKAPLANİ);background-color:transparent;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: url(BASLİK RESMİ URLSİ); }
-->
</style>
<style type="text/css">
<!--
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: none;}
-->
</style>
-----------------------------------------------------------------------------------------------------------------------------
ORTALAMA KODU
-----------------------------
<style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style></body></html>
</body></html>
GENİŞLETME KODU
--------------------------------
<style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
-->
</style>
ARKA PLAN YAPMA KODU
------------------------------------------
<style type="text/css">
<!--
body{background-image:url(RESMİN URL ADRESİ);background-attachment: fixed}
-->
</style> </body></html>
</body></html>
-------------------------------------------------------------------------------------------------