Welcome Version Script


السّلا م عليکم ورحمةالله وبرکة, 안녕하세요 dan salam satu Malaysia !
Okay, hari ni nak buat tuto welcome message macam Qay punye tuh. Ramai gile yg tanye. Eceh :) Okay sooo, let's begin !


Pengguna Classic :
1) Pergi Edit HTML.
2) Cari code </head>
3) Copy (ctrl +c) dan paste (ctrl + v) code ini pulak, di bwah code </head>  :

<script language="javascript" type="text/javascript">
 /* toggle() checks to see if the images has already been faded
    or not and sends the appropriate variables to opacity(); */
 function toggle(el,milli) {
  // Get the opacity style parameter from the image
  var currOpacity = document.getElementById(el).style.opacity;
  if(currOpacity != 0) { // if not faded
   fade(el, milli, 100, 0);
  } else { // else the images is already faded
   fade(el, milli, 0, 100);
  }
 }
 /* changeOpacity() uses three different opacity settings to
    achieve a cross-browser opacity changing function.  This
    function can also be used to directly change the opacity
    of an element. */
 function changeOpacity(el,opacity) {
  var image = document.getElementById(el);
  // For Mozilla
  image.style.MozOpacity = (opacity / 100);
  // For IE
  image.style.filter = "alpha(opacity=" + opacity + ")";
  // For others
  image.style.opacity = (opacity / 100);
 }
 /* fade() will fade the image in or out based on the starting
    and ending opacity settings.  The speed of the fade is
    determined by the variable milli (total time of the fade
    in milliseconds)*/
 function fade(el,milli,start,end) {
  var fadeTime = Math.round(milli/100);
  var i = 0;  // Fade Timer
  // Fade in
  if(start < end) {
   for(j = start; j <= end; j++) {
    // define the expression to be called in setTimeout()
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    // setTimeout will call 'expr' after 'timeout' milliseconds
    setTimeout(expr,timeout);
    i++;
   }
  }
  // Fade out
  else if(start > end) {
   for(j = start; j >= end; j--) {
    var expr = "changeOpacity('" + el + "'," + j + ")";
    var timeout = i * fadeTime;
    setTimeout(expr,timeout);
    i++;
   }
  }
 }
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
<img src="URL IMAGE"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
 
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">

4) UNGU : Url image yg korang nak. Boleh buat text. Tukar code ni <img src="URL IMAGE" kepade text yg korang nak seperti ENTER.

UPDATE !
1) Cari code </style>*Kalaw code ni ade banyak dalam edit HTML korang, carik yg bawah dye ade code </head> tu.
2) Copy dan paste code ni, atas code </style> :
.input {
text-align: center;
margin-top: 200px;
}
3) BIRU : Adjust ikut kesesuaian. * Kalaw korang pandai coding ni, korang boleh tukar code <div class=" korang kepada <div class="input" * tapi, ikut kesesuaian code tu jugak. Jangan pulak semue tukar input. No no.

FREEBIES ~
Please credits if you use them :)
http://2.bp.blogspot.com/-2aEFaDtkUh0/Tjjl8hpuMuI/AAAAAAAAAZo/BLGUQkBD2kk/s1600/welcomeblue.png

http://3.bp.blogspot.com/-vFhn8aRqrHI/Tjjl9dm5ShI/AAAAAAAAAZs/-7R1VAzJ938/s1600/welcomepink.png

http://3.bp.blogspot.com/-96cdn8FQPFc/Tjjl-IIePCI/AAAAAAAAAZw/fMl1ggzp2us/s1600/welcomepurple.png

Muhammad Qayyum

Comments

  1. np tk jd , erk ? boleh buadkan takk ? :(

    ReplyDelete
  2. agaga , tak menjadi :) guna classic 2006 ~

    ReplyDelete
  3. amek yg freebis 2..thanks..:)

    ReplyDelete

Post a Comment

You may criticise (or just don't) as well

Popular posts from this blog

Merdeka

QUICK UPDATE

Indifferent