0 MakelarSapi Blog's | Clock following Cursor

18.59 Unknown

Rasanya tak salah kalau pasang jam yang setia mengikuti cursor . selain itu juga bisa di pakai sebagai alternatif percantik blog. ok langsung saja :

1.Paste kan kode di bawah ini sebelum kode

<style type="text/css"> 
   
  </style> 
 
  <script language="JavaScript"> 
  if (document.getElementById&&!document.layers){  
  //Clock colours 
  dCol='#ff0000';//date colour. 
  fCol='#00FF00';//face colour. 
  sCol='#0000ff';//seconds colour. 
  mCol='#00ff00';//minutes colour. 
  hCol='#ff0000';//hours colour.  
  //Controls 
  del=0.6;  //Follow mouse speed. 
  ref=40;   //Run speed (timeout).  
  //Alter nothing below! Alignments will be lost! 
  var ieType=(typeof window.innerWidth != 'number'); 
  var docComp=(document.compatMode); 
  var docMod=(docComp && docComp.indexOf("CSS") != -1); 
  var ieRef=(ieType && docMod) 
  ?document.documentElement:document.body; 
  theDays=new Array("MINGGU","SENIN","SELASA","RABU","KAMIS","JUM'AT","SABTU"); 
  theMonths=new Array("JANUARY","FEBRUARY","MARET","APRIL","MEI","JUNI","JULY","AGUSTUS","SEPTEMBER","OKTOBER","NOVEMBER","DESEMBER"); 
  date=new Date(); 
  day=date.getDate(); 
  year=date.getYear(); 
  if (year < 2000) year=year+1900;  
  tmpdate=" "+theDays[date.getDay()]+" "+day+" "+theMonths[date.getMonth()]+" "+year; 
  D=tmpdate.split(""); 
  N='3 4 5 6 7 8 9 10 11 12 1 2'; 
  N=N.split(" "); 
  F=N.length; 
  H='...'; 
  H=H.split(""); 
  M='....'; 
  M=M.split(""); 
  S='.....'; 
  S=S.split(""); 
  siz=40; 
  eqf=360/F; 
  eqd=360/D.length; 
  han=siz/5.5; 
  ofy=-7; 
  ofx=-3; 
  ofst=70; 
  tmr=null; 
  vis=true; 
  mouseY=0; 
  mouseX=0; 
  dy=new Array(); 
  dx=new Array(); 
  zy=new Array(); 
  zx=new Array(); 
  tmps=new Array(); 
  tmpm=new Array();  
  tmph=new Array(); 
  tmpf=new Array();  
  tmpd=new Array(); 
  var sum=parseInt(D.length+F+H.length+M.length+S.length)+1; 
  for (i=0; i < sum; i++){ 
  dy[i]=0; 
  dx[i]=0; 
  zy[i]=0; 
  zx[i]=0; 
  }  
  algn=new Array(); 
  for (i=0; i < D.length; i++){ 
  algn[i]=(parseInt(D[i]) || D[i]==0)?10:9; 
  document.write('<div id="_date'+i+'" class="css2" style="font-size:'+algn[i]+'px;color:'+dCol+'">'+D[i]+'<\/div>'); 
  tmpd[i]=document.getElementById("_date"+i).style; 
  } 
  for (i=0; i < F; i++){ 
  document.write('<div id="_face'+i+'" class="css2" style="color:'+fCol+'">'+N[i]+'<\/div>'); 
  tmpf[i]=document.getElementById("_face"+i).style;  
  } 
  for (i=0; i < H.length; i++){ 
  document.write('<div id="_hours'+i+'" class="css1" style="color:'+hCol+'">'+H[i]+'<\/div>'); 
  tmph[i]=document.getElementById("_hours"+i).style; 
  } 
  for (i=0; i < M.length; i++){ 
  document.write('<div id="_minutes'+i+'" class="css1" style="color:'+mCol+'">'+M[i]+'<\/div>'); 
  tmpm[i]=document.getElementById("_minutes"+i).style;  
  } 
  for (i=0; i < S.length; i++){ 
  document.write('<div id="_seconds'+i+'" class="css1" style="color:'+sCol+'">'+S[i]+'<\/div>'); 
  tmps[i]=document.getElementById("_seconds"+i).style;  
  }  
  function onoff(){ 
  if (vis){  
  vis=false; 
  document.getElementById("control").value="Clock On"; 
  } 
  else{  
  vis=true; 
  document.getElementById("control").value="Clock Off"; 
  Delay(); 
  } 
  kill(); 
  }  
  function kill(){ 
  if (vis)  
  document.onmousemove=mouse; 
  else  
  document.onmousemove=null; 
  }   
  function mouse(e){ 
  var msy = (!ieType)?window.pageYOffset:0; 
  if (!e) e = window.event;  
  if (typeof e.pageY == 'number'){ 
  mouseY = e.pageY + ofst - msy; 
  mouseX = e.pageX + ofst; 
  } 
  else{ 
  mouseY = e.clientY + ofst - msy; 
  mouseX = e.clientX + ofst; 
  } 
  if (!vis) kill(); 
  } 
  document.onmousemove=mouse;  
  function winDims(){ 
  winH=(ieType)?ieRef.clientHeight:window.innerHeight;  
  winW=(ieType)?ieRef.clientWidth:window.innerWidth; 
  } 
  winDims(); 
  window.onresize=new Function("winDims()");  
  function ClockAndAssign(){ 
  time = new Date(); 
  secs = time.getSeconds(); 
  sec = Math.PI * (secs-15) / 30; 
  mins = time.getMinutes(); 
  min = Math.PI * (mins-15) / 30; 
  hrs = time.getHours(); 
  hr = Math.PI * (hrs-3) / 6 + Math.PI * parseInt(time.getMinutes()) / 360;  
  for (i=0; i < S.length; i++){ 
  tmps[i].top=dy[D.length+F+H.length+M.length+i]+ofy+(i*han)*Math.sin(sec)+scrollY+"px"; 
  tmps[i].left=dx[D.length+F+H.length+M.length+i]+ofx+(i*han)*Math.cos(sec)+"px"; 
  } 
  for (i=0; i < M.length; i++){ 
  tmpm[i].top=dy[D.length+F+H.length+i]+ofy+(i*han)*Math.sin(min)+scrollY+"px"; 
  tmpm[i].left=dx[D.length+F+H.length+i]+ofx+(i*han)*Math.cos(min)+"px"; 
  } 
  for (i=0; i < H.length; i++){ 
  tmph[i].top=dy[D.length+F+i]+ofy+(i*han)*Math.sin(hr)+scrollY+"px"; 
  tmph[i].left=dx[D.length+F+i]+ofx+(i*han)*Math.cos(hr)+"px"; 
  } 
  for (i=0; i < F; i++){ 
  tmpf[i].top=dy[D.length+i]+siz*Math.sin(i*eqf*Math.PI/180)+scrollY+"px"; 
  tmpf[i].left=dx[D.length+i]+siz*Math.cos(i*eqf*Math.PI/180)+"px"; 
  } 
  for (i=0; i < D.length; i++){ 
  tmpd[i].top=dy[i]+siz*1.5*Math.sin(-sec+i*eqd*Math.PI/180)+scrollY+"px"; 
  tmpd[i].left=dx[i]+siz*1.5*Math.cos(-sec+i*eqd*Math.PI/180)+"px"; 
  } 
  if (!vis)clearTimeout(tmr); 
  }  
  buffW=(ieType)?80:90; 
  function Delay(){ 
  scrollY=(ieType)?ieRef.scrollTop:window.pageYOffset; 
  if (!vis){ 
  dy[0]=-100; 
  dx[0]=-100; 
  } 
  else{ 
  zy[0]=Math.round(dy[0]+=((mouseY)-dy[0])*del); 
  zx[0]=Math.round(dx[0]+=((mouseX)-dx[0])*del); 
  } 
  for (i=1; i < sum; i++){ 
  if (!vis){ 
  dy[i]=-100; 
  dx[i]=-100; 
  } 
  else{ 
  zy[i]=Math.round(dy[i]+=(zy[i-1]-dy[i])*del); 
  zx[i]=Math.round(dx[i]+=(zx[i-1]-dx[i])*del); 
  } 
  if (dy[i-1] >= winH-80) dy[i-1]=winH-80; 
  if (dx[i-1] >= winW-buffW) dx[i-1]=winW-buffW; 
  }  
  tmr=setTimeout('Delay()',ref); 
  ClockAndAssign(); 
  } 
  window.onload=Delay; 
  } 
  //--> 
  </script>

2.untuk tombol on/off paste kan kode di bawah ini sesudah kode atau di widget

Ok Selesai tinggal Save

0 MakelarSapi Blog | Border radius

00.56 Unknown

Border radius berfungsi untuk mengurangi sudut lancip pada border . seiring di keluarkannya Border radius pemakaian sudut lancip pada border semakin berkurang

Berikut adalah contoh penggunaan border radius:

Contoh 1

Ms1

.Ms1{
border:2px solid #0099FF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

Contoh 2

Ms2

.Ms1{
border:2px solid #FF9966;
border-bottom-left-radius:30px;
-moz-border-bottom-left-radius:30px;
-webkit-border-bottom-left-radius:30px;
border-top-right-radius:30px;
-moz-border-top-right-radius:30px;
-webkit-border-top-right-radius:30px;
}

Contoh 3

.Ms3{
border:2px solid #FF9966;
height:100px;
width:100px;
-moz-border-radius:55px;
border-radius:55px;
-webkit-border-radius:55px
}

Untuk Kode warna silahkan di ganti sesuai kebuthan

0 Super Mario Bross Game Jadul nan legendaris

19.24 Unknown

Siapa yang tak kenal game Super Mario Bross ? game legendaris sejak tahun 80-an tersebut sampai saat ini masih menjadi favorit penggemarnya, game yang mencerita kan dua tokoh yang berprofesi sebagai tukang ledeng siapa lagi kalau buka Mario dan temannya Luigi yang akan menyelamatkan Putri dan teman-temannya yang di sandra di sebuah kastil.

Ok..... bagi yang ingi ber nostalgia dan mengenang masa kecil silahkan langsung download Super Mario Bross.
Size : 1 MB

Langganan: Postingan (Atom)

Copyright © 2012 | Converted into Blogger Template by Hack Tutors | Reconstruction by Satriyanto