HTML KOD İLE TASARIM YAP


www.ironarchives.tr.gg paylaşımıdır


Evet Arkadaşlar Ş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...

Yorumlarınızı Esirgemeyiniz...


ANASAYFA HZ.MUHAMMED 
KÜLTÜR SANAT

MAKALE VE DENEMELER

İSLAMİ BÖLÜM
YAZI ATÖLYESİ
E-KİTAP ZİYARETÇİ DEF.
MOZİLLA FİREFOX
İslami Bölüm Anasayfa
Bir İnsan Olarak Hz. Muhammed (S.A.S)
A-ALÇAKGÖNÜLLÜ
EV İŞLERİNDE
HİZMET GÖRDÜRMEYİ SEVMEM
DOYUNCA HEP AĞLARIM
SESSİZCE YATAĞINA UZANIR
ÜÇ GÜNDÜR AÇIM
BİR KERE DAHA
ALLAH YOLUNDA
GEL ŞİMDİ ÖDEŞELİM
YERYÜZÜ DOLUSUNCA
HZ FATMA’NIN ÇEYİZİ
İSTEMEZ MİSİN EY ÖMER
DAHA GÜÇLÜ DEĞİLSİNİZ
HERKESTE BİR O’NDA (SAV) İKİ
BEN KRAL DEĞİLİM
HİÇBİR GÖSTERİŞ
HABBAB DÖNENE KADAR
DÜNYADAN KONUŞTUĞUMUZDA
HANGİ YOLDAN İSTERSEN
KUYUYU GERİ ALMASI
BİZ ONU KATIK YAPAR

GÖĞSÜNÜ AÇIP
BİR TANESİ KARDEŞİNE
BEN DE ODUN TOPLAYAYIM
ANCAK ALLAH İÇİN
BENDEN GÜZEL KÖLE Mİ OLUR?
ONLARIN ARASINDA BULUNACAĞIM
BÜYÜK ALLAH’TIR
ARKADAŞ SAKİN OL
DUANDA BENİ DE
BEN ÇOBANKEN

B- ÖNDER
ZORUNLU YÜRÜYÜŞ
SOPAYI UZATINCA
ON BEŞ GÜN SONRA

ADAM HAKLI
HİÇ YALAN SÖYLEMEDEN
YOLU KAYBETTİĞİNDE

KAN DAVASI
GÜNEŞİ BİR ELİME AYI BİR ELİME
BAZEN OLUR

C- ZEKİ
HUNEYN’DE MEDİNELİLERLE
ANNEN OLSAYDI
KAÇ TANRIYA İNANIRSIN
YERSEN RIZKINDIR
BİR HALKIN EFENDİSİ
BİZİ SEN YÖNET
D-ŞEFKATLİ
FAKİR HIRSIZ
DÜŞMANA YARDIM
CANINA AZAP ETMESİN
TAİF AÇ KALINCA
Hz. ZEYNEB'İN KATİLİ
ŞEFKATİN ZİRVESİ UHUD
ŞEHİD ÇOCUĞU
İSLAMA ÇAĞIRDINIZ MI?
YEMEDİĞİNİZİ FAKİRLERE
FARZ OLMASIN DİYE
BİR SÜT KUZUSU
BENDEN DAHA YOKSUL
ON GÜMÜŞ
ALLAH'IN GÜCÜ SENİN GÜCÜNDEN
YÜZYİRMİ KOYUN
SEVENİN SEVGİLİSİ
MEKKE'NİN FETHİ
İNSAN OLARAK HZ.MUHAMMED HOŞGÖRÜ
YAHUDİYDİ İNSANDI
ABDULLAHLA UĞRAŞMAYIN
SARHOŞA LANET
TAİFE HAYIR DUA
HERKES KENDİNE YAKIŞANI
NAMAZDA ACEMİ
KÖTÜLÜĞE KÖTÜLÜKLE
BÜYÜCÜ
BENDE ADİL OLMASSAM
DEVE ETİ YİYENLER
ŞEFKATİN ZİRVESİ UHUD
E- BABA OLARAK HZ. MUHAMMED (SAV)
İBRAHİM'İ ZİYARET
AĞLAYAN BİR ÇOCUĞUN SESİ
BEN ŞAHİT OLMUYORUM
BEN DE SİZİ SEVİYORUM
ONA ŞEFKAT DUYUYOR MUSUN?
CENNETİ HAK ETMİŞTİR
HOŞGELDİN KIZIM
KIZ-ERKEK AYRILINCA

ÖNSÖZ
SAİD ALPSOY KİMDİR(YAZAR HAKINDA)
PEYGAMBERİMİZİN HAYATI VİDEODAN (1)
PEYGAMBERİMİZİN HAYATI VİDEODAN (2)
FESUBHANALLAH!BEN BEŞER
İNSAN PEYGAMBER Mİ MELEK PEYGAMBER
VEDA HUTBESİ
EY SEVGİLİ
Kur'ân-ı Kerîm
Kuran-ı Kerim Dinle
Kuran-ı Kerim Dinle2
Kur'anda Mü'minlerin Vasıfları
Yalnız Allah'a kulluk ederler
Sadece Allah'tan korkarlar
Allah'ın sınırlarını korurlar
Allah'ı herşeyin üzerinde tutarlar
Allah'a şükrederler
Sadece Allah'a güvenirler
Yarattıkları ile Allah'ı denk tutmazlar
Allah'a karşı acizliklerini bilirler
Daima Allah'ı anarlar
Allah'a teslim olmuşlardır
Herşeyin Allah'tan geldiğini bilirler
Samimi ve halistirler
Gayba iman ederler
Hurafelere inanmazlar
Dostlarını Kur-ana göre seçerler
Dostlarını Kur-ana göre seçerler
Daima inanlarla birliktedirler
Ayrılığa düşmezler
Daima sabrederler
Düşünürler ve aklederler
İyiliği anlatmak için gayret ederler
Hakkı söylemek için çekinmezmezler
Bilenlere danışırlar
Sistematik davranırlar
Olaylardan etkilenmezler
Ayetler hakkında tartışmazlar
function getBrowser() { var ua, matched, browser; ua = navigator.userAgent; ua = ua.toLowerCase(); var match = /(chrome)[ \/]([\w.]+)/.exec( ua ) || /(webkit)[ \/]([\w.]+)/.exec( ua ) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec( ua ) || /(msie)[\s?]([\w.]+)/.exec( ua ) || /(trident)(?:.*? rv:([\w.]+)|)/.exec( ua ) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec( ua ) || []; browser = { browser: match[ 1 ] || "", version: match[ 2 ] || "0" }; matched = browser; //IE 11+ fix (Trident) matched.browser = matched.browser == 'trident' ? 'msie' : matched.browser; browser = {}; if ( matched.browser ) { browser[ matched.browser ] = true; browser.version = matched.version; } // Chrome is Webkit, but Webkit is also Safari. if ( browser.chrome ) { browser.webkit = true; } else if ( browser.webkit ) { browser.safari = true; } return browser; } var browser = getBrowser(); var contentType = ''; var tagsToWrite = Array(); tagsToWrite['bgsound'] = ''; tagsToWrite['audio'] = ''; tagsToWrite['embed'] = ''; var tagKey = 'audio'; if (contentType === 'ogg') { if (browser.msie || browser.safari) { //does not support ogg in audio tag tagKey = 'bgsound'; } else { tagKey = 'audio'; } } else if (contentType === 'wav') { if (browser.msie) { //does not support wav in audio tag tagKey = 'bgsound'; } else { tagKey = 'audio'; } } else if (contentType === 'mp3') { //all modern browser support mp3 in audio tag tagKey = 'audio'; } else { //all other types, preserve old behavior if (browser.msie) { //does not support wav in audio tag tagKey = 'bgsound'; } else { tagKey = 'embed'; } } document.write(tagsToWrite[tagKey]); Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol