Nurulbalqis 'Olive' Izzuddin ; 16 years old.

“Time is an illusion, lunchtime, doubly so."

[Freebies]: First Skin,

, Tuesday @ 12:33 PM } 1 comment (s)


Live Preview



<html>
<head>

<title>Farewell.</title>
<link rel="shortcut icon" href="http://www5e.biglobe.ne.jp/~cep/s/mm/hbp.gif">


</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="http://i1127.photobucket.com/albums/l630/bedahgemok/ennter.png"
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;">
<style type="text/css">
.input {
text-align: center;
margin-top: 200px;
}
::-moz-selection {
background-color: transparent;
color: #E8ADAA;
}
::selection {
background-color: transparent;
color: #E8ADAA;
}

#navbar-iframe {
display: none;
}

blockquote {
border: #E5E5E5 1px dotted;
padding: 1px;
margin: 15px;
font-family: georgia;
font-style: italic;
background-image: url(http://www5e.biglobe.ne.jp/~cep/s/khana/_khy.gif);
-moz-border-radius: 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px;
}

blockquote:hover {
border: #E5E5E5 1px dotted;
background-image: url(http://www5e.biglobe.ne.jp/~cep/s/khana/_khp.gif);
-moz-border-radius: 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px;
}

a, a:link, a:visited, a:active {
color: #736F6E;
text-decoration: none;
padding: 0px;
-webkit-transition:.6s;
}

a:hover {
text-decoration: none;
border-radius: 5px;
-webkit-transition-duration:.6s; -moz-transition-duration:.6s;
border-bottom: 1px dashed #FFFF00;
cursor: url(http://www.drikoti.net/Dri/drikoti.cur), auto;
}

body {cursor: url(http://www.drikoti.net/Dri/drikoti.cur), auto;
background-image: url(http://i1127.photobucket.com/albums/l630/bedahgemok/wood1.gif);
background-color: #FFFFFF;
font-family: verdana;
font-weight: normal;
font-size: 8pt;
color: #666666;
line-height: 120%;
text-align: justify;
}

h1 {
font-family: georgia;
font-size: 18px;
text-align: right;
color: #FFBBBB;
letter-spacing: 1pt;
text-transform: normal;
font-weight: normal;
line-height: 100%;
padding: 5px;
margin: 0px;
}
h1:first-letter{
font-weight: bold;
color: #F6358A;
}

h2 {font-family: georgia;
font-size: 9px;
line-height: 9px;
letter-spacing: 1px;
color: #AAAAAA;
text-transform: uppercase;
text-align: right;
padding: 2px;
margin-bottom: 5px;
font-weight: normal;
}

h3 {color:gray;
font-family:georgia;
text-align: right;
font-style: italic;
letter-spacing: 2px;
border-bottom: 1px solid #eee;
font-size:10pt;
text-transform:normal;
font-weight: normal;
}


.box {
font-family: century gothic;
font-size: 8pt;
padding: 10px;
background-color: #FFFFFF;
 -moz-border-radius: 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px;
padding: 10 10px 10 10px;
box-shadow: 0px 0px 12px #eeeeee;
}

.navi span {
color:white;
font-size: 15px;
font-family:Century Gothic;
-webkit-transition:.4s;
border-radius:5px;
padding: 3px;
}
.title1{
font-family: georgia;
}
.navi span:hover {
font-size: 15px;
cursor: url(http://www.drikoti.net/Dri/drikoti.cur), auto;
text-decoration: none;
color: #000;
-webkit-transition-duration:.4s; -moz-transition-duration:.4s;
padding: 3px;
}

#sidebar {
position: absolute;
top: 75px;
left: 90px;
width: 230px;
}
img{
border-radius:5px;
}
#main {
padding: 5px;
position: absolute;
top: 100px;
left: 330px;
width: 500px;
background-color: #ffffff;
 -moz-border-radius: 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px;
padding: 10 10px 10 10px;
box-shadow: 0px 0px 12px #eeeeee;
}
li{
             list-style-type     : none;
             background-image    : url(http://www5e.biglobe.ne.jp/~cep/s/garden/fu1.gif);
             background-position : left;
             background-repeat   : no-repeat;
             padding-left        : 2.0em;
             }

             hr{
             width               : ;
             height              : 1px;
             color               : #FCDFFF;
             border              : 2px solid #F535AA;
             }
b, strong {
font-weight: bold;
color: #FFBBBB;
}

u {
text-decoration: none;
color: #C0C0C0;
border-bottom: #FFB0B0 1px dotted;
}

i, italic {
font-weight: italic;
color: #FFBE9F;
}

s {
text-decoration: line-through;
color: #DDDDDD;
}
</style>

<body>
<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=KORANG PUNYER BLOG ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
<div id="sidebar">
<div class="navi"><center>

<span onClick="document.getElementById('main').innerHTML=document.getElementById('me').innerHTML" title="The Blogger">About</span> |
<span onClick="document.getElementById('main').innerHTML=document.getElementById('arch').innerHTML" title="Archives">Misc</span> |
<span onClick="document.getElementById('main').innerHTML=document.getElementById('home').innerHTML" title="Entries">Story</span>
</center>
</div><br>

<div class="box">
<center><object height="25" width="200"><param name="movie" value="http://www.youtube.com/v/7JKNOCr2fHg?fs=1&amp;autoplay=1&amp;hl=en_US&amp;color1=ffffff&amp;color2=ffffff;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/7JKNOCr2fHg?fs=1&amp;autoplay=1&amp;hl=en_US&amp;&amp;color1=ffffff&amp;color2=ffffff;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="25" width="200"></embed></object></center>
<center><i>Demi Lovato</i> - Skyscraper.</center>
<h3>About me</h3>
<img src="http://i55.tinypic.com/2e1ai5f.jpg" width="210"/>
I am Dragoon The Great! I hate Uther Pendragon, so thats why I spelled his son!
Replace this with yours.</br>

<h3>Tag</h3>
<span style="font-family:georgia; font-style:italic; letter-spacing:2px;">Put your tagboard here. I prefer shoutmix. width must not less than 200px.</span>

<h3>Pasts</h3>
<select style="font-size:8pt; color:#F2F2F2; font-family:arial; letter-spacing: 2px; background-color:#E77471; border:0px; padding: 0px; width:200px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Pasts.</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives></select>

<h3>Credito:</h3>
<center><!--DO NOT REMOVE THE CREDIT.--!>
<b>Layout by</b> : <a href="http:/balqishoneyz.blogspot.com/" target="_blank">Bee Puffnuts</a><br>
<b>Background by</b> : <a href="http://fivepointsapart.blogspot.com/" target="_blank">FPA.</a><br>
<b>Images by</b> : <a href="http://thefadingnight.blogspot.com/" target="_blank">TheFadingNight</a><br>
<b>Inspiration</b> : <a href="http://www.blogskins.com/me/teacakehouse/" target="_blank">TeaCakeHouse</a>
<!--DO NOT REMOVE THE CREDIT.--!><br></center></div></div>
<div style="position:absolute; left:345px; top:10px;">
<div class="title1">
<img src="http://i1127.photobucket.com/albums/l630/bedahgemok/FD-1.png" width="450">
</div></div>

<div id="main">
<Blogger>
<h1><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> </h1>
<h2> <BlogDateHeader> , <$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> <font size="2"><font color="#FFB0B0">♥</font></font> </h2>
<br>
<$BlogItemBody$><br>
<h3><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <span style="font-size: 7.5pt; color: #FFBBBB; background-color:#ffffff; padding: 4px; text-transform: uppercase;"><font size="2"><font color="#FFB0B0">♥</font></font>  <$BlogItemCommentCount$> commenter(s)</span></a></BlogItemCommentsEnabled></h3>
</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <a href="javascript:scroll(0,0)">.</a> <NewerPosts> <a href=<$NewerPosts$>>NEW</a></NewerPosts></center>
</center>
</div>

<div id="arch" style="display: none;">
<h1>Misc</h1>
<center><img src="http://i53.tinypic.com/jhzyx0.jpg"/></center>
<center>Put anything here.</center>
<center>Forgiveness does not change the past, but it does enlarge the future.</center>
</div>

<div id="me" style="display: none;">
<h1>Owner</h1><br>
<center><img src="http://i56.tinypic.com/2vtr614.jpg"/></center>
<p>I do my thing and you do yours. I am not in this world to live up to your expectations, and you are not in this world to live up to mine. You are you and I am I, and if by chance we find each other, then it is beautiful. If not, it can't be helped.</p>
<center>
<b>{</b> <a href="http://www.facebook.com/username" target="_blank">Facebook</a> .
<a href="http://twitter.com/username" target="_blank">Twitter</a> .
<a href="http://tumblr.com" target="_blank">Tumblr</a> <b>}</b>
</center>
<br>
<center><u>Underline</u> <b>Bold</b> <i>Italicized</i> <s>Strikeout</s></center>
<br><br>

<h1>Wishlist.</h1><br>
I wanna be Justin's girlfie.<br>
I want a big house, bigger than the white house plus 50 maids.<br>
I want blah blah blah.<br>

<div id="home" style="display: none;">
<Blogger>
<h1><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> </h1>
<h2> <BlogDateHeader> , <$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> <font size="2"><font color="#FFB0B0">♥</font></font> </h2>
<br>
<$BlogItemBody$><br>
<h3><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <span style="font-size: 7.5pt; color: #FFBBBB; background-color:#ffffff; padding: 4px; text-transform: uppercase;"><font size="2"><font color="#FFB0B0">♥</font></font>  <$BlogItemCommentCount$> commenter(s)</span></a></BlogItemCommentsEnabled></h3>
</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>>OLD</a> </OlderPosts> <a href="javascript:scroll(0,0)">.</a> <NewerPosts> <a href=<$NewerPosts$>>NEW</a></NewerPosts></center>
</center>
</div>

</body>
</html>


okay, peeps :]. saya dah buat skin baru, so kalau nak guna fer your template, please jangan buang bahagian kredit. i know which is mine. insya Allah akan buat lagi banyak skin.

Labels: ,


1 commenter(s)