|
Değerli Ziyaretçilerimiz..
İlk Olarak Aşağıdaki Resmi İnceleyiniz.. Daha Sonra Resim Açıklamalarını Dikkatlice Okuyunuz..
Resimli Anlatım :
Resimdeki Açıklamalar :
Navigasyon Yazan Yerin Buton URLsi Bölümü : Buraya İstediğiniz Butonu Koyabilirsiniz... Diğer Menu Elemanlarının Dışında en Üste Yazacağınız "Menu" , "İçindekiler" , "Navigasyon" vs. Gibi Başlığın Bulunduğu Yeri Buton Olarak Yapmak İçin Kullanılır.. Buton Kullanmak İstemiyorsanız Koddaki Konumuna Dokunmayınız...
Sol Yan Tasarım Çizgisi URLsi Bölümü : Burada İse Resimde de Görüldüğü Gibi Sol Yan Tarafa İstediğiniz Şekli Koyabilirsiniz...
Bunu Ben Resimde Kolaylıkla Farkedebilmeniz İçin Kalın ve Kırmızı Yaptım..Siz İster İnce İsterseniz de Kalın Yapabilirsiniz.. Herhangi Bir Çizgi vs. Yapmak İçin Paint i Kullanabilirsiniz...
Eğer İsterseniz ; Konu Ayıraçlarını Kullanabilirsiniz.. Nasıl Mı ?
==> Herhangi Bir yerden Bulduğunuz Konu Ayıracını Bilgisayarınıza Kaydediniz.. Daha Sonra Bunu Windows Resim ve Fax Görüntüleyicisinden Açınız.. Hemen Aşağıda Sağa-Sola Çevir Butonları Vardır.. Dik Olarak Ayarlayınız.. Upload Edip Kodda Gerekli Yere Yerleştiriniz... (Bu da Başka Bir Öneri)
Sağ Yan Tasarım Çizgisi URLsi Bölümü : Sol Yan Tasarım Çizgisi URLsi Bölümü İle Aynı İşlevi Görmektedir.. Ben Resimde Kolay Farkedilmesi İçin Mavi Olarak Yaptım...
Buton URLsi Bölümü : Menu Elemanlarınızın Bulunduğu Yerlere Buton Eklemek İçin Kullanılır.... Her Türlü (iceblue,red) Butonların URL lerini Yerleştirebilirsiniz... GIF ler de DAHİL...
Menu ArkaPlan URLsi Bölümü : Burada Menu Elemanlarınızın Bulunduğu Butonların ArkaPlanları Bulunmaktadır.. Ben Resimde Yine Kolay Farkedilmesi İçin Yeşil Olarak Belirttim...Siz İsterseniz Boyutlara Uygun Bir Resim de Ekleyebilirsiniz...
Sayfa Üstü Band Resim yada Buton URLsi Bölümü : Bu Bölümde Resimde de Görüldüğü gibi Sayfanızın Üstünde Bulunan Bandın URLsi Bulunmaktadır... Ben Resimde de Görüldüğü gibi Herhangi Bir Butonu Büyülterek Rahat Farkedilmesi İçin Tasarıma Yerleştirdim.. Siz de Aynı Şekilde Boyutlara Uygun Olarak İstediğinizi Koyabilirsiniz...
ArkaPlan URLsi Bölümü : Bu Bölümde İse Arkaplanımızın URLsi Bulunmaktadır... İstediğinizi Kullanabilirsiniz.. ( Tabii Tasarımınızla Uyuşturun ) Ben Başlık Remi İle Uymlu Olması İçin Bu Resmi Seçtim...
Orta Sayfa Resim URLsi Bölümü : Bu Bölümde Sitemizin İçeriğinin Olacağı Yer Gsterilmetedir.. Ben yine Resimde Kolay Farkedilmesi İçin Mor Olarak Belirledim.. Yine İstediğiniz Rengin Yada Resmin URLsini Kodda Gerekli Yere Yerleştirerek Kullanabilirsiniz...
Sayfa Altı Band Renk KODU Bölümü : Bu Bölümde Resimde de Görüldüğü Gibi Sayfamızın Altında Bulunan Bandın RENK KODU Yer Almaktadır...Ben Resimde Turuncu Olarak Belirlerim.. Siz İstediğiniz RENK KODUNU Kullanabilirsiniz...
Başlık Resmi URLsi Bölümü (Otomatik Seçim) : Bu Bölümde İse Başlık Resmimiz Yer Almaktadır.. Neden OTOMATİK Seçim Diye Soracaksınız.. Nedeni İse ; RED Tasarımlarında Size Seçim Yapmanız İçin Başlık Resmi Seçenekleri Verilir.. Burada Genel Sekmesini Seçerseniz URL Bölümüne Kendi Başlık Resminizin URLsini Yerleştirebilirsiniz..
Yalnız, Eğerki Genel Bölümü Seçmeyip, Size sunulan Diğer Başlık Resimlerini Seçerseniz Kendi Başlık Resminizi Kullanamazsınız..
Ben OTOMATİK Olarak Belirledim...
İşte Buyrun Düzeltmeniz Gereken KOD :
<!-- www.ironarchives.tr.gg kod başla ---> <body bgcolor="#000000" style="margin: 0 0 0 0;" background="-----------------ARKAPLAN URLSİ-----------------">
<style type="text/css">
<!--
td.edit_navhead{background-image: url(-------------------NAVİGASYON yAZAN yERİN BUTON URLSİ----------------);
);background-repeat:no-repeat;}
td.edit_links_bg{background-image: url(-----------------SOL YAN TASARIM ÇİZGİSİ URLSİ-----------------);
);background-repeat:no-repeat;}
td.edit_rechts_bg_unten{background-image: url(---------------SAĞ YAN TASARIM ÇİZGİSİ URLSİ-------------);
);background-repeat:no-repeat;}
td.edit_rechts_header{background-image: url(---------------------SAYFA ÜSTÜ BANDI-------------);background-repeat:no-repeat;}
td.edit_rechts_header2{background-image: url(
);background-repeat:no-repeat;}
td.edit_rechts_bg{background-image: url(
);background-repeat:no-repeat;}
td.edit_zeile{background-image: url(
);background-repeat:no-repeat;}
td.edit_main_bg{background-image: url(
);background-repeat:no-repeat;}
td.edit_navi_bg{background-image: url(
);background-repeat:no-repeat;}
td.edit_page_main_bg{background-image: url(--------------MENU ARKAPLAN URLSİ----------------);
td.edit_button_bg{background-image:url(-------------------BUTON URLSİ------------------););}
td.edit_bottom_bg img{visibility: hidden;}
td.edit_bottom_bg{background-image: none;background-color: #--------------SAYFA ALTI BAND RENK KODU--------------;}
td.cont_bottom img{visibility: hidden;}
td.edit_content_bg{heigth: 60px;background-image: url(-------------------ORTA SAYFA RESİM URLSİ----------------);background-repeat:repeat;}
edit_navi_bg img,td.edit_navi_top img,td.rb_footer img,td.rb_bottom img,td.rb_bottom2 {visibility: hidden}
td.edit_content_header{background-image: url(-----------------SAYFA ÜSTÜ BAND RESİM YADA UZUN BUTON URLSİ--------------);
);background-repeat:no-repeat;}
-->
</style>
<style
<!--
td.edit_header{background-image: url(--------------BAŞLIK RESMİ URLSİ-------------););
</style>
<!--
html, body {
text-align: center;
}
-->
</style> <!-- www.ironarchives.tr.gg kod bitir--->
Kodda Yeşil İle Gösterdiğim --------------------BELİRTTİĞİM YER-----------------
Bu Kodu Düzeltmek İçin Kopyalayıp NOTPAD (notdeteri) de Açınız... Gerekli Düzenlemeleri Yapınız..
Herhangi Bir Bozukluk Olmasına Karşın Düzeltmeniz Gereken Kodun Orjinali :
Kısımlarını Silerek Kendinize Ait URLleri ve RENK KODLARI nı Yerleştiriniz...
Değerli Ziyaretçilerimiz ;
Şuana Kadar ICEBLUE ve RED Tasarımlar Nasıl Yapılır, Resimlerle Anlattık.. Şimdi Sıra Geldi BUTTERFLY Tasarımı Yapmaya..
Resimli Anlatımımız...
Resimdeki Açıklamalar...
ArkaPlan URLsi Bölümü => Bu bölümde Arkaplanımızın Resim URLsi Yer Almaktadır.. Ben Resimde Kolay Farkedilmesi İçin Kırmızı Olarak Belirledim.. Siz İstediğiniz Rengi Koyabilir, İsterseniz Resim de Koyabilirsiniz..
Navigasyon Buton URLsi Bölümü ==> Bu Bölümde İse Menu Elemanlarımızın Bulunduğu Yerin Üstündeki "Navigasyon" , "Menu" vs. Yazan Yerin butonlu Hali Bulunmaktadır... Ben Resimde Mustafa Kemal Atatürk Resmi Bulunan Bir buton Yerleştirdim.. Siz Tercihinize Göre İstediğinizi Yerleştirebilirsiniz...
Menu Sol Taraf Çizgisi URLsi Bölümü==> Bu Bölümde Menumuzun Sol Tarafında Bulunan Çizgi Halindeki Çubuğumuz Bulunmaktadır... Resimde Yeşil Olarak Gördüğünüz Yerdir... Siz Bunu Yapacağınız Tasarıma göre Renklendirebilirsiniz...
Menu Sağ Taraf Çizgisi URLsi Bölümü ==> Sol Taraf İle Aynı İşlevdedir... Resimde Kolay Farkedilmesi İçin Mavi Olarak Belirledim... Siz Yine Dilediğiniz Gibi Renklendirmesini Yapabilirsiniz...
Menu Alt Taraf Çizgisi URLsi Bölümü ==> Sol ve Sağ Taraf İle Aynı İşlevi Görmektedir..Tek Farkı Altta Bulunması ve Yatay Şekilde Görevlendirilmiş Olmasıdır... Resimde Mor Olarak Belirlediğim Yerdir.. Yine Dilediğiniz Gibi Rengini Değiştirebilirsiniz...
Buton URLsi Bölümü ==> Bu Bölümde Menu Elemanlarımızın Bulunduğu Butonlar Yer Almaktadır.. Resimde Gri Olarak Belirledim.. Sizler de Herhangi bir butonu alıp Boyutlarına Uygun Bir Şekilde Kodda Gerekli Yere Yerleştirebilirsiniz...
Sağ Kutu Sol Taraf Çizgisi URLsi ==> Bu Bölümde İse Sağ Kutucuklarımızın Sol Taraflarında bulunan Çizgi Halinde Çubuklar Bulunmaktadır... Resimde Açık Mavi Olarak Belirlediğim Yerdir.. Siz Dilediğiniz Gibi Değiştirebilirsiniz...
Sağ Kutu Sağ Taraf Çizgisi URLsi ==> bu Bölümde İse Bulunna Çizgi Sol Tarafta Bulunan Çizgi İle Aynı İşlevi Görmektedir.. Tek Farkı Sağ Tarafta Bulunmaktadır... Ben Resimde Siyah Olarak Belirledim.. İstediğiniz Gibi Değiştirebilirsiniz...
Sağ Kutu Alt Taraf Çizgisi URLsi ==> BU Bölümde İse Sağ Kutucukların Altında bulunan Çizgi Halindeki Yatay Çubuk Bulunmaktadır.. Resimde Sarı Olarak Belirlediğim Yerdir.. Yine Dilediğiniz Gibi Değiştirebilirsiniz...
Sağ Kutu Başlık URLsi Bölümü ==> Bu Bölümde İse Sağ Taraftaki Kutucuklarımızın Bulunduğu Yerin Başlık Yazısının Olduğu Yerin ArkaPlanı Bulunmaktadır... Resimde Koyu Yeşil Olarak Belirledim.. Siz dilerseniz Buton da Koyabilirsiniz.. Tercih Ettiğiniz Butonun URLsini Kodda Yerine Yerleştirmeniz Yeterli Olacaktır..
Orta Sayfa Başlık URLsi Bölümü ==> bu Bölümde İse Sitemizde Yayınladığımız İçinde İçeriklerimizin Bulunduğu Yerin Başlık Yeri Bulunmaktadır...Ben Resimde Açık Mavi Olarak Belirledin.. Siz Dilediğiniz Rengi Yapabilirsiniz.. Dilerseniz Boyutlara Uygun Resim Bile Koyabilirsiniz...Sadece Boyutları Ayarlayın ve URLsini Kodda Gerekli Yere Yerleştirin Yeter...
Sayfa Yer İmi Başlık URLsi Bölümü ==> Bu Bölümde Sitede Nerede Olduğumuzu Gösteren Yerin Arkaplan Resmi, Butonu vs. Yer Almaktadır.. Ben Resimde Yeşil bir Butonun Boyutlarını Değiştirerek Gerekli Yere Yerleştirdim... Siz de Dilerseniz Bir Resim, Sadece Renk, Buton Hatta GIF Bile Koyabilirsiniz.. Tabii Boyutlara Uygun Olarak..
Başlık Resmi URLsi Bölümü ==> bu bölümde İse Başlık Resmimiz Bulunbaktadır.. Ben Resimde Mavi Olarak Belirledim.. Siz Dilerseniz Rengini Değiştirin, Dilerseniz Resim, Dilerseniz Banner Koyabilirsiniz.. Tamamen Tercihnize Kalmış.. Boyutları Uydurun, Kodda Gerekli Yere URLsini Yerleştirin Yeter..
Evet Arkadaşlar İşte Kendinize Göre Ayarlamanız Gereken Kod :
<body bgcolor="#000000" style="margin: 0 0 0 0;" background="------------------ARKA PLAN URLSİ--------------">
<style type="text/css">
<!--
td.headline2{visibility:hidden;width:0px;}
td.headline_bar_left{visibility:hidden;width:0px;}
td.headline_bar_right{visibility:hidden;width:0px;}
td.headline_bar_middle{visibility:hidden;width:0px;}
td.edit_nav_headline{background-image: url(--------------------NAVİGASYON BUTON URLSİ-------------------
);background-repeat:no-repeat;}
td.nav_bar_left{background-image: url(---------------MUNU SOL TARAF ÇİZGİSİ URLSİ----------------
);background-repeat:no-repeat;}
td.nav_bar_right{background-image: url(---------------MENU SAĞ TARAF ÇİZGİSİ URLSİ---------------
);background-repeat:no-repeat;}
td.nav_bar_bottom{background-image: url(---------------MENU ALT TARAF ÇİZGİSİ URLSİ----------------
);background-repeat:no-repeat;}
td.edit_nav_main{background-image:url(-------------------BUTON URLSİ------------------);}
td.headline3{background-image: none
);background-repeat:no-repeat;}
td.rb_bar_left{background-image: url(-----------------SAĞ KUTU SOL TARAF ÇİZGİSİ URLSİ----------------
);background-repeat:no-repeat;}
td.rb_bar_right{background-image: url(-----------------SAĞ KUTU SAĞ TARAF ÇİZGİSİ URLSİ--------------
);background-repeat:no-repeat;}
td.rb_bar_bottom{background-image: url(------------------SAĞ KUTU ALT TARAF ÇİZGİSİ URLSİ---------------
);background-repeat:no-repeat;}
td.edit_rechts_headline{background-image: url(--------------SAĞ KUTU BAŞLIK URLSİ----------------
);background-repeat:no-repeat;}
td.edit_content_headline3{heigth: 60px;background-image: url(---------------ORTA SAYFA BAŞLIK URLSİ-----------------);background-repeat:repeat;}
td.edit_content_headline{background-image: url(--------------------SAYFA YER İMİ BAŞLIK URLSİ--------------------
);background-repeat:no-repeat;}
-->
</style>
<style type="text/css">
<!--
td.edit_header{background-image: url(------------------BAŞLIK RESMİ URLSİ-----------------);
-->
</style>
Bu Kodda Yapmanız Gereken ;
Sadece ---------------------BELİRTTİĞİM YER------------------- Kısımlarını silerek Kendinize Ait URL leri Yerleştirmektir...
Gerekli Düzenlemeleri Yaptıktan Sonra Kodu Sitenize Eklemek İçin ;
==>Bedava-Sitem Login
==>Sitene Giriş
==>Tasarım Ayarları
==>Gelişmiş Ayarlar
==>Tasarımın Üstündeki Yazı Adlı Kutucuğa Yerleştiriniz..
==>Kaydet meyi Unutmayınız...
|
