AnasayfaSSSAramaÜye ListesiKullanıcı GruplarıKayıt OlGiriş yap

Paylaş | 
 

 İce Blue Tasarım Kodlama Kodu

Aşağa gitmek 
YazarMesaj
KaF|KéF
Yeni Üye
Yeni Üye
avatar

Kayıt tarihi Kayıt tarihi : 01/07/11

MesajKonu: İce Blue Tasarım Kodlama Kodu   Cuma Tem. 01, 2011 8:44 am

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



Kod:







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

Kod:



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

Kod:


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

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


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

Kod:


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
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
KaF|KéF
Yeni Üye
Yeni Üye
avatar

Kayıt tarihi Kayıt tarihi : 01/07/11

MesajKonu: Geri: İce Blue Tasarım Kodlama Kodu   Cuma Tem. 01, 2011 8:46 am

Eğer Kod Gözükmüyorsa Buyrun

Kod:
<style type="text/css"> <!--
td.nav{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/black_naazimca.tr.gg.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/buton_naazimca.tr.gg.jpg); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #FFFFFF;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/baslik_naazimca.tr.gg.jpg);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#000000;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty2{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty3{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty4{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty5{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>


KIRMIZI 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

SIRA GELDİ ARKA PLANA ARKA PLANIDA BAZI SİTELERDE ARKA PALN 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 YAPŞTIRINIZ

SIRA GELDİ GEREKLİ KODLARA VE SİTELERE

BU VERDİĞİM ORTAL 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>

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 seçeneği olmayan tasarımlara başlık resmi ekleme kodları...

kodları koyacağınız yer:
==>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>




-------------------------------------------------------

YAZMADIĞIM TASARIMLAR :
* yellow
* cars
* animals
* music
* simple
(bu tasarımlara başlık resmi ekleme seçeneği olmadığı halde kodunu yazmadım hoş olmuyor çünkü div koduyla)

BU KODDA TASARIM KODUDUR BU KOD ÜZERİNDE CALIŞA BİLİRSİNİZ

<style type="text/css"> <!--
td.nav{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/black_naazimca.tr.gg.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/buton_naazimca.tr.gg.jpg); background-repeat:no-repeat;}
td.nav a{text-decoration:none;}
td.nav_heading{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_navi_headbg{background-image:url(URL);background-color:#XXXXXX;}
td.edit_below_nav {visibility:hidden;}
td.nav a{color: #FFFFFF;}
td.headline{visibility:hidden;}
td.edit_header_full{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/baslik_naazimca.tr.gg.jpg);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg);}
td.edit_content_bottom{background-image:url(URL);background-color:transparent;}
td.edit_content{background-image:url(URL);}
td.edit_content_bottom{height:0px;}
body{background-image:url(URL); background-attachment: fixed;background-color:#000000;}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_rb_footer {visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image:url(URL);background-color:transparent;}
td.edit_rechts_bottom{background-image:url(URL);background-color:transparent;}
td.shouty{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty2{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty3{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty4{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty5{background-image:url(http://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
 
İce Blue Tasarım Kodlama Kodu
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
 :: Tasarımlar :: Normel Tasarım-
Buraya geçin: