AKSU YAZILIM
ICEBLUE Tasarım Yapma Resimli Anlatım
EVET ARKADAŞLAR BURADA ARTIK ÖNEMLİ BİR YERE GELDİK BURAYI GÜZELCE OKUYUNUZARKADAŞLAR BURADAN SİZLERE TASARIM KODLARINDAKİ URL YERLERİNİN NE ANLAMA GELDİĞİNİ GÖSTERECEM BUYRUN
1 url
Buton tasarımı
2 url
Buton üstüne gelince gelince
3 url
Nagivasyon
4 url
Başlık resmi
5 url
Üst orta band
6 url
Alt orta band
7 url
Sağ band
BU URL LER NERDE DİYE SORARSANIZ TASARIM KODUNUN İÇİNDE BURUN SİZE BİR TANE KOD VERECEM ONUN ÜZERİNDE CALIŞIN URL BÖLÜMLERİNİDE RENKLİ YAPTIM BUYRUN
<style type="text/css"> <!--
td.nav{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/black_naazimca.tr.gg.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(https://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(https://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(https://img.webme.com/pic/n/naazimcadeneme/baslik_naazimca.tr.gg.jpg);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(https://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(https://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(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty2{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty3{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty4{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty5{background-image:url(https://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(https://img.webme.com/pic/n/naazimcadeneme/black_naazimca.tr.gg.jpg); background-repeat:no-repeat;}
td.nav:hover{background-image:url(https://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(https://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(https://img.webme.com/pic/n/naazimcadeneme/baslik_naazimca.tr.gg.jpg);}
td.edit_content_bottom{height:0px;}
td.edit_content_top{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/siyahband_naazimca.tr.gg.jpg); height:35px; background-repeat:no-repeat;}
td.edit_content_bottom2{background-image:url(https://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(https://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(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty2{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty3{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty4{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
td.shouty5{background-image:url(https://img.webme.com/pic/n/naazimcadeneme/naazimca.tr.gg_1.jpg);background-color: ;}
--> </style><style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>
Bu Kod İle Dilediğiniz Tasarımı Yapabileceksiniz...
Resimli Anlatım :
Resimli Anlatımda Belirtildiği Gibi Gösterilen Yerleri Kendinize Göre Ayarlayınız...
Böylelikle Arayıp Bulamadığınız Yada Yapmak İstediğiniz Her Tasarımı Yapabileceksiniz...
Sadece -------BELİRTTİĞİM YER------- Kısımlarını Silerek Kendinize Ait Olan URL ve Renk Kodlarını Yerleştiriniz...
Kodda Belirtilen Yerler Dışında Hiç Bir Değişiklik Yapmayınız. Aksi Taktirde Kod Çalışmayabilir...
Kodu Sitenize Yerleştirmek İçin ;
==>Bedava-Sitem Login
==>Sitene Giriş
==>Tasarım Ayarları
==>Gelişmiş Ayarlar
==>Tasarımın Üstündeki Yazı Kutucuğa Yapıştırınız...
Dilerseniz, Bu Kod İle Yaptığım Örnek Tasarım İçin " www.ironrap.tr.gg " Sitesine Bakabilirsiniz...
İyi Günlerde Kullanmanızı Diliyorum..
Yorumlarınız Benim İçin, Emeğime Karşılık Bir Hediyedir
Kodda Belirtilen Yerlerin Nereler Olduğu Resimde Gösterilmiştir...
Buyrun Kod :
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(http://img145.imageshack.us/img145/425/nav4cb3.jpg);} td.nav_heading{background-image: none;background-color:#--------MENU BAŞLIK ARKAPLAN RENK KODU-------;} td.edit_below_nav{visibility:hidden;} td.edit_navi_headbg{background-image: none;} td.edit_rechts_sbg{visibility:hidden;} td.sidebar_heading{background-image: none;background-color:#-------SAĞ KUTU BAŞLIK ARKAPLAN RENK KODU-------;} td.edit_content_top{background-image: none;background-color:#--------SAYFA ÜSTÜ YER İMİ ARKAPLAN RENK KODU--------;} td.edit_content{background-image:url(URL);background-color:#--------ORTA SAYFA RENK KODU-------;} td.edit_content_bottom{background-image: none;background-color:#------SAYFA ALTI ARKAPLAN RENK KODU------;} td.edit_content_bottom2{background-image:url(URL);} td.shouty{background-image:url(URL);background-color:#---------SAĞ TARAF ARKAPLAN RENK KODU------;} td.shouty2{background-image:url(URL);background-color:#---------SAĞ TARAF ARKAPLAN RENK KODU------;} td.shouty3{background-image:url(URL);background-color:#---------SAĞ TARAF ARKAPLAN RENK KODU------;} td.shouty4{background-image:url(URL);background-color:#---------SAĞ TARAF ARKAPLAN RENK KODU------;} td.shouty5{background-image:url(URL);background-color:#---------SAĞ TARAF ARKAPLAN RENK KODU------;} td.edit_rechts_cbg{background-image: url(URL);} td.edit_rb_footer{background-image:url(URL);background-color:#---------SAĞ TARAF KUTU AYIRAÇ RENK KODU------;} td.edit_rechts_bottom{background-image: url(URL);} td.edit_content_bottom:hover{background-image:url(http://img528.imageshack.us/img528/1834/desinahmtou9.jpg);background-color:;} --> </style> |
Bugün 22 ziyaretçikişi burdaydı!