HTML KOD ARSiVi | TOPLiST | WEB DESTEK | FORUM | GOOGLE DESTEK
  HTML KURSU
 



HTML KURSU

DERS 1 (TASARIMDA ÖNEMLİ NOTLAR)
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 TARAFTA GÖ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
 


</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>


MAVİ OLAN YERLERE KENDİNİZE AİT OLAN BUTON VE BAŞLIK RESİMLERİNİN URLLERİNİ KOPYALIYACAKSINIZ

KENDİ RESİMLERİNİZİN URLLERİNİ BUYRUN BURDAN UPLOAD EDEBİLİRSİNİZ

http://www.ww64.com/

BURADAN RESİMLERİNİZİ UPLOAD ETTİKTEN SONRA RESİMLERİNİZE GÖRE YERLERİNE YAPIŞTIRINIZ

NOT:AMA RESİMLERİNİZİ GÜZELCE TAM TASARIMA GÖRE BOYUTLARINI YAPMANIZ GEREKİR  
PLANIDA BAZI SİTELERDE ARKA PLAN KODLARI VERİLMİŞTİR ORDAN ALABİLİRSİNİZ YOK BEN KENDİME ÖZ ARKA PLANIMI YERLEŞTİRMEK İSTİYORUM DİYORSANIZ

<style type="text/css">body{ background-image: url("url kodunu buraya yapıştırın");</style>

ARKA PLAN RESMİNİZİN URLSİNİ URL KODUNU BURAYA YAPIŞTIRIN YAZAN YERE YAPIŞTIRINIZ

SIRA GELDİ GEREKLİ KODLARA VE SİTELERE

BU VERDİĞİM ORTA ALANI GENİŞLETME KODUNU GEREKİRSE KULLANA BİLRİSİNİZ

<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>

BU DA BAŞLIK RESMİNİ GENİŞLETME KODU BAZI SAYFALARDA BAŞLIK RESMİ BÜYÜK OLUYOR TASARIMIN GÖRÜNMÜNÜ BOZA BİLİYOR HER İHTİMALE KARŞI BUNU YERLEŞTİRİN

<style type="text/css">
<!--
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(BAŞLIK RESMİ URLSİ);}

-->
</style>

BU DA BAŞLIK RESMİNİ GENİŞLETME KODU BAZI SAYFALARDA BAŞLIK RESMİ BÜYÜK OLUYOR TASARIMIN GÖRÜNMÜNÜ BOZA BİLİYOR HER İHTİMALE KARŞI BUNU YERLEŞTİRİN

<style type="text/css">
<!--
td.edit_header_full{width: 100% !important;background-repeat:no-repeat;background-position:center center;background-image: url(BAŞLIK RESMİ URLSİ);}
-->
</style>

BUDA BAZI TASARIMLARDA BAŞLIK RESMİ OLMUYOR O TASARIMLARA BAŞLIK RESMİ EKLEMENİZ İÇİN KODLARDIR BUYRUN

Tasarım ayarlarında başlık resmi ekle
==>tasarım ayarları
==>gelişmiş
==>tasarımın üzerindeki yazı adlı kutu

Football tasarımı

başlık resmi kodunuzun boyutu : 710x170
Kod:

<div style="position: absolute; top: 35px; left: 148px; background: ; width: 710px; height: 170px">başlık resmi kodu buraya </div>



-------------------------------------------------------
Grenn tasarım

başlık resmi boyutu : 740x60
Kod:
<div style="position: absolute; top: 85px; left: 134px; background: ; width: 740px; height: 60px"></a>BAŞLIK RESMİ KODU BURAYA</div>



-------------------------------------------------------
Kaki tasarımı

başlık remi boyutu :780x155
Kod:
<div style="position: absolute; top: 95px; left: 113px; background: ; width: 780px; height: 155px"></a>BAŞLIK RESMİ KODU BURAYA </div>



---------------------------------------------------------
Beige tasarımı

başlık resmi boyutu :457X100
Kod:
<div style="position: absolute; top: 112px; left: 279px; background: ; width: 457px; height: 100px"></a>BAŞLIK RESMİ KODU BURAYA</div>


---------------------------------------------------------
Men tasarımı

başlık resmi boyutu :749X180
Kod:
<div style="position: absolute; top: 20px; left: 0px; background: ; width: 749px; height: 180px"></a> BAŞLIK RESMİ KODU BURAYA</div>



----------------------------------------------------------
Girls tasarımı

başlık resmi boyutu:754X212
Kod:
<div style="position: absolute; top: 30px; left: 0px; background: ; width: 754px; height: 212px"></a> BAŞLIK RESMİ KODU BURAYA</div>



---------------------------------------------------------
Anime tasarımı

başlık resmi boyutu :735X212
Kod:
<div style="position: absolute; top: 0px; left: 135px; background: ; width: 735px; height: 212px"></a> BAŞLIK RESMİ KODU BURAYA</div>



--------------------------------------------------------
Holiday tasarımı

başlık resmi boyutu :880x317
Kod:
<div style="position: absolute; top: 39px; left: 62px; background: ; width: 880px; height: 317px"></a>BAŞLIK RESMİ KODU BURAYA </div>

 
 
Get your own Chat Box! Go Large!
 		 
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol