15 Temmuz 2012 Pazar

Sayfaya sağdan giriş yapan yazı kodu

Sayfaya sağdan giriş yapan yazı kodu

Sağdan Sola Kayan Haber Menü Yazı Kodu.
Kayan yazı kodları sayesinde sitenizde, blogunuzda duyuru panoları, mesaj panoları vb. şeyler oluşturabilirsiniz. Bu kodu kendi isteğinize göre kırmızıyla işaretlediğim yeleri değiştirerek kullanabilirsiniz.

Önizleme:
Sağdan sola kayan mause üzerine gelince duran bu yazı kodunu kendi isteğinize göre dizayn edip kullanabilirsiniz http://MeftunMede.blogspot.com. BİZE DESTEK OLMAK İSTERSENİZ SİTENİZDEN BİZE LİNK VERİN TIKLA. En Yeni Hazır Kodlar!


<script language="JavaScript1.2">
//<![CDATA[
/*Sağdan Sola Kayan Haber Menü Yazı Kodu
website http://MeftunMede.blogspot.com
*///Seçim çerçevesinin genişliği (piksel olarak) belirtin
var marqueewidth="400px"
//Seçim çerçevesinin yüksekliği belirtin
var marqueeheight="25px"
//Seçim çerçevesinin marquee hızı (daha büyük daha hızlı 1-10 olan) belirtin
var marqueespeed=2
//arka plan rengini yapılandırın:
var marqueebgcolor="#242729"
//Pause marquee onMousever (0 = hayır. 1 = evet)?
var pauseit=1
//(<nobr> Etiketi silmeyin) kayan yazı içeriğini belirtin
//Bir satır tüm içerik tutmak ve tek bir alıntılar eğik çizgiye. (ie: that\'s great):
var marqueecontent='<nobr><font color="#7D7D7D">Sağdan sola kayan mause üzerine gelince duran bu yazı kodunu kendi isteğinize göre dizayn edip kullanabilirsiniz <a href="http://MeftunMede.blogspot.com">http://MeftunMede.blogspot.com.</a> BİZE DESTEK OLMAK İSTERSENİZ SİTENİZDEN BİZE LİNK VERİN <a href="http://MeftunMede.blogspot.com">TIKLA.</a> En Yeni Hazır Kodlar!</font></nobr>'
////BU SATIRI DÜZENLEMEYE GEREK YOK////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1)
//NS için 1 hızını yavaşlatmak
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width}
lefttime=setInterval("scrollmarquee()",20)}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8}}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left="0" top="0" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')}
document.write('</td></table>')}}
//]]>
</script>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Msn arama motoru eklentisi kodu

Msn, Bing arama motoru
Msn arama motoru eklentisi kodu

Sitenize Msn (bing) arama motoru eklemek isterseniz aşağıdaki kodları kullanabilirsiniz. Bu kodlar arama sonuçlarını yeni bir sayfada açacaktır.
Önizleme:
MSN
Ara

<img width="147" height="51" title="MSN" alt="MSN" src="http://db2.stb00.s-msn.com/i/67/64747463334927CC5F5C94132FFA5.gif"></img>
<form NAME="search" ID="search" ACTION="http://search.msn.com/results.asp" METHOD="get">
<input TYPE="text" ID="q" SIZE="18" MAXLENGTH="251" NAME="q" VCARD_NAME="SearchText">
<input TYPE="submit" VALUE="Ara" NAME="B1"><input TYPE="hidden" NAME="FORM" VALUE="FRNT">
<input TYPE="hidden" NAME="un" VALUE="doc"><input TYPE="hidden" NAME="v" VALUE="1"></form><img width="180" height="28" src="http://db2.stc.s-msn.com/br/sc/i/a9/6339c8e254dcae650e456e9450e6b1.png" title="Ara" alt="Ara">
</img>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Yanıp sönen yazı efekti kodu

bubble-text-effect

Yanıp sönen yazı efekti kodu

Web sayfalarımızda zaman zaman dikkat çekmesini istediğimiz alanlar olabilir. Bu alanları sayfanın diğer kısmından ayırabilmek için html de javascript yardımı ile de yanıp sönen yazı şeklinde gösterebiliriz. Html ve css ile şekillendirdiğimiz yazı yanıp sönme efekti ile daha dikkat çekici olacaktır.
Önizleme:
MeftunMede.Blogspot.com

<script type="text/javascript">
// <![CDATA[
var bgcolour="#ffffff"; // Arka plan rengi
var fgcolour="#663399"; // ön plan rengi
var speed=100; // bubbling hızı, düşük hızlı
var shades=10; // bubble tonlarının sayısı
var bubbcol=new Array();var bubbler,bubbtxt;var bubbchr=new Array();window.onload=function(){if(document.getElementById){for(bubbler=0;bubbler<=shades;bubbler++){bubbtxt="#";for(var i=1;i<6;i+=2){var bg=parseInt(bgcolour.substring(i,i+2),16);bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)))}
bubbcol[bubbler+1]=bubbtxt;}bubbler=document.getElementById("bubble");bubbtxt=bubbler.firstChild.nodeValue;while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);for (var i=0; i<bubbtxt.length; i++) {var bubbi=document.createElement("span");bubbi.setAttribute("id", "bubb"+i);bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));bubbler.appendChild(bubbi);}bubbler=setInterval ("bubbling()", speed);}}
function dechex(dec){var hex=dec.toString(16);if(dec<16)return"0"+hex;else return hex;}
function bubbling(){for(var i=0;i<bubbtxt.length;i++){var bubbme=document.getElementById("bubb"+i);if(bubbchr[i]){bubbme.style.color=bubbcol[bubbchr[i]];bubbchr[i]=(bubbchr[i]+1)%bubbcol.length}else if(Math.random()<0.75/bubbchr.length)bubbchr[i]=1;}}
// ]]>
</script>
<strong><span style="color="#000066;" id="bubble">MeftunMede.Blogspot.com</span></strong>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Kayarak büyüyen Yazı efekti kodu

Animated Text Script

Kayarak büyüyen Yazı efekti kodu.(Animated Text Script)
Bu Kayarak büyüyen Yazı efekti kodu ile kendi reklam bannerinizi kendiniz hazırlayın.
<body onload="startmotor(0)">
<p><script type="text/javascript">
var size = 25; //Yazı Büyüklüğü
var tekst = new Array() {
tekst[0] = "Meftun Mede'nin bloğuna hoşgeldiniz.";
tekst[1] = "Buraya istediğiniz her şeyi yazabilirsiniz.";
tekst[2] = "Yazı boyutunu değiştirebilirsiniz.";
tekst[3] = "Ve hızını değiştirebilirsiniz.";
tekst[4] = "http://MeftunMede.Blogspot.com"; }
var klaar=0;var s=0;var veran=0;var tel=0;function bereken(i,Lengte){return(size*Math.abs(Math.sin(i/(Lengte/3.14))))}function motor(p){var output="";for(w=0;w<tekst[s].length-klaar+1;w++){q=bereken(w/2+p,16);if(q>size-0.5){klaar++}if(q<5){tel++;if(tel>1){tel=0;if(veran==1){veran=0;s++;if(s==tekst.length){s=0}p=0;if(window.loop){clearInterval(loop)}loop=motor()}}}output+="<font style='font-size: "+q+"pt'>"+tekst[s].substring(w,w+1)+"<\/font>"}for(k=w;k<klaar+w;k++){output+="<font style='font-size: "+size+"pt'>"+tekst[s].substring(k,k+1)+"<\/font>"}idee.innerHTML=output}function startmotor(p){var loop=motor(p);if(window.time){clearInterval(time)}if(klaar==tekst[s].length){klaar=0;veran=1;tel=0;var time=setTimeout("startmotor("+(p+1)+")",2000)}else{var time=setTimeout("startmotor("+(p+1)+")",50)}}
</script></p>
<div id="idee"></div>
</body>

Kodu denemek için Online html editor'ü kullanabilirsiniz.

Sitende yapraklar uçsun

Sitende yapraklar uçsun
Sitende yapraklar uçsun
Sitenizde uçuşan yapraklar olsun istiyorsanız bu script'i kullanabilirsiniz.
<script language="JavaScript1.2"> //Pre-load your image below!

grphcs=new Array(6)

Image0=new Image();

Image0.src=grphcs[0]="http://javascriptfreecode.com/images/barg.gif";

Image1=new Image();

Image1.src=grphcs[1]="http://javascriptfreecode.com/images/barg.gif"

Image2=new Image();

Image2.src=grphcs[2]="http://javascriptfreecode.com/images/barg.gif"

Image3=new Image();

Image3.src=grphcs[3]="http://javascriptfreecode.com/images/barg.gif"

Image4=new Image();

Image4.src=grphcs[4]="http://javascriptfreecode.com/images/barg.gif"

Image5=new Image();

Image5.src=grphcs[5]="http://javascriptfreecode.com/images/barg.gif"

Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!

Ypos=new Array();

Xpos=new Array();

Speed=new Array();

Step=new Array();

Cstep=new Array();

ns=(document.layers)?1:0;

ns6=(document.getElementById&&!document.all)?1:0;

if (ns){

for (i = 0; i < Amount; i++){

var P=Math.floor(Math.random()*grphcs.length);

rndPic=grphcs[P];

document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");

}

}

else{

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < Amount; i++){

var P=Math.floor(Math.random()*grphcs.length);

rndPic=grphcs[P];

document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');

}

document.write('</div></div>');

}

WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;

WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;

for (i=0; i < Amount; i++){

 Ypos[i] = Math.round(Math.random()*WinHeight);

 Xpos[i] = Math.round(Math.random()*WinWidth);

 Speed[i]= Math.random()*5+3;

 Cstep[i]=0;

 Step[i]=Math.random()*0.1+0.05;

}

function fall(){

var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;

var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;

var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;

var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Amount; i++){

sy = Speed[i]*Math.sin(90*Math.PI/180);

sx = Speed[i]*Math.cos(Cstep[i]);

Ypos[i]+=sy;

Xpos[i]+=sx;

if (Ypos[i] > WinHeight){

Ypos[i]=-60;

Xpos[i]=Math.round(Math.random()*WinWidth);

Speed[i]=Math.random()*5+3;

}

if (ns){

document.layers['sn'+i].left=Xpos[i];

document.layers['sn'+i].top=Ypos[i]+hscrll;

}

else if (ns6){

document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);

document.getElementById("si"+i).style.top=Ypos[i]+hscrll;

}

else{

eval("document.all.si"+i).style.left=Xpos[i];

eval("document.all.si"+i).style.top=Ypos[i]+hscrll;

}

Cstep[i]+=Step[i];

}

setTimeout('fall()',20);

}

window.onload=fall

//-->

</script>

Kodu denemek için Online html editor'ü kullanabilirsiniz.