- KARIŞIK HTML KODLARI

Arkaplan Kodu nasıl eklenir

Var olan bir şablona arka plan eklemek için aşağıdaki kodu ekliyoruz

body tagı yerine yukarıdaki yazılır

arkaplan resmini sabit kalıp yazıların arkaplan üstünde kayması isteniyorsa aşağıdaki kod kullanılır fixed komutu bunu sağlar

Kodlar düzeltilmiştir.arkaplan.gif yazan yere arkaplanınızın url sini eklemeyi unutmayın bu şekilde çalışmaz.blogcunun kendi resim uploadundan upload edip linkini http si ile birlikte yazacaksınız.< b o d y > yazan yer ile bu kodu değiştireceksiniz

Eğer arkaplanı eklediğinizde arka resim sayfaya yayıldı ise ve ortalanmasını istiyorsanız,şu kodu da ekliyorsunuz.

body { background-color:FFFFFF; background-attachment: fixed; background-position:top center; background-repeat:repeat; }

Bu kodu < s t y l e > tagından sonra uygun bir yere ekliyorsunuz,

color yazan yere arkaplana uygun bir renk seçin,bu önemli bazen resim yüklenemiyor ozaman bu renk devreye giriyor,bu kodu eklerseniz zaten arkaplan üstünde sayfanın kayması kodu var(fixed olan),1. kodu ekleyebilirsiniz,top center arkaplan resmini ortalar,repeat ise resmi tekrarlar boşluk kalmasını önlemiş olursunuz.Yani sayfadan küçük boyutlarda bir resim eklerseniz resim tekrarlı olur.

{ 08:42, 7/3/2007 } { Kategori: yazi effektleri kodlari } { Link }

Yakınlaşan ve gözden kaybolan,her yakınlaştığında farklı bir yazı ile gelen güzel bir yazı effekti ,banner olarak da kullanılabilir.Tablo içerisine de yerleştirebilirsiniz.tablo arkaplanı değişik bir renk verebilirsiniz.Gerisi size kalmış.Aynen de kullanabilirsiniz.Benim örnek olarak yazdığım 3 cümlelik yazıları değiştirmeyi unutmayın.

kodu açmak yada indirmek için

HAzır bir şablon daha

BLOGLARINIZDA KULLANABİLECEĞİNİZ ÖZEL TASARLANMIŞ HAZIR ŞABLON(TEMA)====>Mavi Melek>====

{ 04:09, 20/2/2007 } { Kategori: hazir sablonlar } { Link }

Aşağıdaki kodu bloğunuzun şema(arayüz,tema) düzenleme kısmına girin ve içini tamamen silip bu şablonu ekleyin,bazı özellikler bazı blog sistemlerinde çalışmayabilir.Mesela son yazılar sadece blogcuda çalışıyor.Kategoriler blogcuda ve internet.com.tr de çalışıyor.Son eklenen yazılar tüm bloglarda çalışıyor.Javascript kodları blogcuda engellendi ,gerçi ben bu temayı blogcuda denedim sorunsuz çalışıyor.Size düşen içinde deneme yazan yerleri kendinize göre değiştirmek.Bazı linkleri kendime göre yönlendirme yaptım size örnek olsun diye,değiştirmeyi unutmayın.Site haritası gibi.Şablon içinde google search arama motorundan tutun sinema vizyondakilere,son haberlerden,tiyatrodakilere kadar birçok şey hazır.Çalışmaya devam ediyorum.Başka şablonlarda eklenecek.

ÖRNEK UYGULAMA

http://www.internet.com.tr/deneme

Mavi Melek

Şablonunu açmak yada indirmek için

TIKLAYIN

demo gösterim için

BLOĞUMDA GÖRDÜĞÜNÜZ MELEKLİ GEZEN MENÜ KODU

Çok kullanışlı bir javascript kodu.Ziyaretçileriniz sayfada gezinirken ,sayfayı takip eden menü.

Diyelimki sayfanın sonundasınız,başa dönmek için kaydırma çubuğu ile uğraşacaksınız yada arşivi,indexi arayacaksınız.

Bu kodla gezintiyi kolay hale getiriyoruz.Başa dön kodu ise hangi

sayfadaysanız o sayfanın başına geri döndürüyor.

<div id="point1" STYLE="position:absolute;visibility:visible;"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="http://www.benimblog.com/htmlkod"> <img src="http://www.jitans.kayyo.com/image/angel1.gif" alt="" border="0"></a> </td> </tr> <tr> <td> <center><a href="http://gargara.fangroups.org"> <font face="Arial" size="2" color="#a0ffa0"><b>FORUM</b></font></a></center> </td> </tr> <tr> <td> <center><a href="http://www.benimblog.com/htmlkod/"> <font face="Arial" size="2" color="#a0ffa0"><b>ANASAYFA</b></font></a></center> </td> </tr> <tr> <td> <center><a href="http://www.benimblog.com/htmlkod/78100/"> <font face="Arial" size="2" color="#a0ffa0"><b>SİTE HARİTASI</b></font></a></center> </td> </tr> <tr> <td> <center><a href="http://www.benimblog.com/htmlkod/archive/"> <font face="Arial" size="2" color="#a0ffa0"><b>ARŞİV</b></font></a></center> </td> </tr> <tr> <td> <center><a href="http://www.benimblog.com/rss.php?u=htmlkod"> <font face="Arial" size="2" color="#a0ffa0"><b>RSS</b></font></a></center> </td> </tr> <tr> <td> <center><a href='#top'> <font face="Arial" size="2" color="#a0ffa0"><b>BAŞA DÖN</b></font></a></center> </td> </tr> </table> </div> <script LANGUAGE="JavaScript1.2"> var XX=10; var xstep=1; var delay_time=60; var YY=0; var ch=0; var oh=0; var yon=0; var agent = navigator.userAgent.toLowerCase(); var brw=3; NSBr=(document.layers); IEBr=(document.all); isDOM=((document.getElementById)&&(!IEBr))?true:false; if(IEBr){brw=1;} if(NSBr){brw=2;} if(isDOM){brw=3;} if(brw==1) { YY=document.body.clientHeight; point1.style.top=YY; } else if(brw==2) { YY=window.innerHeight; document.point1.pageY=YY; document.point1.visibility="hidden"; } else if(brw==3) { YY=innerWidth; document.getElementById("point1").style.top=YY+"px"; } function reloc1() { if(yon==0){YY=YY-xstep;} else{YY=YY+xstep;} if(brw==1) { ch=document.body.clientHeight; oh=point1.offsetHeight; } else if(brw==2) { ch=window.innerHeight; oh=document.point1.clip.height; } else if(brw==3) { ch=innerHeight; oh=document.getElementById("point1").offsetHeight; } if(YY<0){yon=1;YY=0;} if(YY>=(ch-oh)){yon=0;YY=(ch-oh);} if(brw==1) { point1.style.left=XX; point1.style.top=YY+document.body.scrollTop; } else if(brw==2) { document.point1.pageX=XX; document.point1.pageY=YY+window.pageYOffset; } else if(brw==3) { document.getElementById("point1").style.left=XX+"px"; document.getElementById("point1").style.top=YY+pageYOffset+"px"; } } function onad() { if(brw==2){document.point1.visibility="visible";} loopfunc(); } function loopfunc() { reloc1(); setTimeout('loopfunc()',delay_time); } setTimeout('onad()',1000); </script> <a href="http://htmlkodlar.blogcu.com"><center> <img src="http://img456.imageshack.us/img456/8699/cooltext44808772oc1.gif" border="0" alt="hazır html kodları"></a></center>

url leri değiştirmeyi unutmayın,sadece başa dön kısmını ellemeyin,her blogda ,

mayspacede çalışır.Otomatik olarak,bulunduğunuz url nin başına döndürür

Farklı bir gif resmi ekledim ,siz istediğiniz başka bir gifle değiştirebilirsiniz.

Beğendiyseniz bu farklı meleğide kullanabilirsiniz.

Alternatif gifler

Giflerin url sini almak için resmin üzerine sağ tık yapıp

özellikler e tıklarsanız image url sine ulaşmış olursunuz

(Bilmeyenler için bilgilerine )

TIKLAYIN

STATÜS BAR MENÜ KODU==>ÇOK HOŞ

{ 10:53, 16/2/2007 } { Kategori: html kodlari } { Link }

ALTTAKİ ADRES ÇUBUĞUNDA KAYAN KARŞILAMA MESAJLARI İÇİN GERÇEKTENDE ÇOK HOŞ BİR KOD.TAVSİYEMDİR.KODU TEMANIZIN EN SONUNADA EKLEYEBİLİRSİNİZ.