Skin: #sunshine




 Assalamualaikum, 

Harini leya nak bagi freebies skin. Since blogskin buat hal. so leya bagi code dekat sini je laa ehh. actually this skin basecode from my first sotd "Only tears". Tapi leya dah buat makeover sikit. Do comment okayy






<html>
<head>

<title>sunshine</title><link rel="shortcut icon" href="http://emoji.ameba.jp/img/user/ap/applepinechu/2377946.gif">

<style type="text/css">
@font-face { font-family: pixel; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}

#navbar-iframe {
display: none !important;
}

body {
background:url(http://i.imgur.com/ckuFZ.png);
font-family: trebuchet ms;
font-size:11px;
color:#888;
letter-spacing: 1px;
cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrswZzyAIsXq2FpMJkeNBgGgAy3N4nZR9JWvLsoT3uERsD0XybLRnGGWFQYCSjG7Nt-WS8HHuJS1OGNU8yYgMycZNLS4b3cEpT-rz4y3q1qDKTRSrClNUPXyRS5uZKMxswRSvLh90og/s1600/c_infinite.png);
}


a, a:link, a:visited {
color:#99CAF7;
text-decoration: none;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrswZzyAIsXq2FpMJkeNBgGgAy3N4nZR9JWvLsoT3uERsD0XybLRnGGWFQYCSjG7Nt-WS8HHuJS1OGNU8yYgMycZNLS4b3cEpT-rz4y3q1qDKTRSrClNUPXyRS5uZKMxswRSvLh90og/s1600/c_infinite.png), progress;
}

a:hover{
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIrswZzyAIsXq2FpMJkeNBgGgAy3N4nZR9JWvLsoT3uERsD0XybLRnGGWFQYCSjG7Nt-WS8HHuJS1OGNU8yYgMycZNLS4b3cEpT-rz4y3q1qDKTRSrClNUPXyRS5uZKMxswRSvLh90og/s1600/c_infinite.png), progress;
color: #FFC3D1;
text-decoration: none;
}

.yeol {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-KlwSNw1-BE6Ocs3oMqyvkbwG8xJ554cOnCLVHx5eZeUa1lq456IHOjXVBWIDSSCYkD2-Neb9mkrZyLCH2lJMOnyQdLJ4yMX1HJBfg-QTu8tneKEQa__PZED5OsBS8afU7xIjWccGLg/s1600/atingray.png);
width: 580px;
display: inline-block;
text-align:center;
color:#aaa;
font-family:century gothic;
font-size: 20px;
letter-spacing: 1px;
padding:5px;
border:2px solid #D8D8D8;

}

.h3 {color: #BDBDBD;
background:#FFFFFF;
width: 580px;
display: inline-block;
text-align: center;
font-family:georgia;
font-style: italic;
font-size: 11px;
padding:5px;
margin-left:10px;
}

a.jjik{
margin:2px;
text-decoration:none;
color:#000;
background:#eee;
display:inline-block;
width:60px;
padding:3px;
text-align:center;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}

a.jjik:hover{
color:#99CAF7;
border-left:1px solid #99CAF7;
border-right:1px solid #99CAF7;
}

blockquote{
background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
color:#808080;
font-family:courier new;
border-right:5px solid #808080;}

blockquote:hover{
padding:5px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border-left:5px solid #808080;}



#L {
position: absolute;
top: 0px;
left: 380px;
width: 600px;
background: white;
padding: 8px;
top:55px;
border:4px solid #D7D7D7;
}



#dino {
position: fixed;
top: 0px;
left: 200px;
width: 80px;
height:100%;
background: transparent;
padding: 3px;
}

#namu {
position: fixed;
top: 0px;
right: 250px;
width: 60px;
height:100%;
background: transparent;
padding: 3px;

}

/* SCROLLBAR */
::-webkit-scrollbar {width: 5px; height:5px; background:transparent;}
::-webkit-scrollbar-thumb:vertical {background:#F7819F;}


</style>

<style text="css">


a.button{
background:#aaa;
color:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
text-decoration:none;
font-family:calibri;
font-size:12;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}

a.button:hover{
background:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
color:#000;
text-decoration:none;
font-family:calibri;
font-size:12;
padding:5px;
border-radius:5px;
width:70px;
text-align:center;
display:inline-block;
}


.post-footer{
text-align:right;
border-top:1px dashed #FFE2E2;
margin-top:10px;}
#comments-block {
margin:0 15px 0 9px;
}
.comment-data {
background:url("http://i.imgur.com/rtcRz.gif") no-repeat 2px .3em;margin:.5em 0;
padding:0 0 0 20px;
color:#000000;
}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0 0 1.25em;
padding:0 0 0 20px;
}
.comment-body p {
background:url(http://i.imgur.com/zGBo3.gif);border:1px dotted pink ;
border-radius:5px;
margin:0 0 .5em;
padding:5px;
color:#000000;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#ffacfa;
}
.comment-timestamp a:link {
color:#ffacfa;
}
.deleted-comment {
font-style:italic;
color:pink;
}

</style>

<div style="position:fixed; top :5px; right:5px;">
<a class="button" href="http://www.blogger.com/follow-blog.g?blogID=Here">Follow</a> <a class="button" href="http://www.blogger.com/home">Dashboard </a> </div>


</head>
<body>


</div>

<div id="L">
<blogger>
<br><div class="yeol"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment</a></BlogItemCommentsEnabled></div>
<br><br>
<$BlogItemBody$>
<div class="post-footer"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div>
<ItemPage>
  <div id="comments">
 <BlogItemCommentsEnabled><a name="comments"></a>
    <dl id="comments-block">
      <$CommentPager$>
      <BlogItemComments>
      <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
        <$I18NCommentAuthorSaid$>
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
   <$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
  <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
 <br/><br/>
    </div>
</ItemPage><br/><br/><br>
</blogger><br><center><a href=<$NewerPosts$>>←</a></NewerPosts> / <a href=<$OlderPosts$>>→</a>
</div>


<div id="dino">
<br><br><br><br><br><br><br><br><br><br></br>
<center>
<a onClick="document.getElementById('L').innerHTML=document.getElementById('home').innerHTML">
<img src="http://i.imgur.com/6cmYbjL.jpg"style="background: url(http://i.imgur.com/rYWSb.jpg);
padding: 8px;border-radius: 150px;
border-radius: 150px; width="100px" height="100px" title="Entry" />
</a><br><br><br>

<a onClick="document.getElementById('L').innerHTML=document.getElementById('me').innerHTML">
<img src="http://i.imgur.com/elwr4is.png" <img src="http://i.imgur.com/6cmYbjL.jpg"style="background: url(http://i.imgur.com/rYWSb.jpg);
padding: 8px;border-radius: 150px;
border-radius: 150px; width="100px" height="100px" title="princess"/>
</a><br><br><br>


<a <a href="http://www.facebook.com/">
<img src="http://i.imgur.com/eQBClcm.png"style="background: url(http://i.imgur.com/rYWSb.jpg);
padding: 8px;border-radius: 150px;
border-radius: 150px; width="100px" height="100px" title="Facebook"/>
</a><br><br><br>

<div id="namu">
<br><br><br><br><br><br><br><br><br><br></br>
<center>
<a onClick="document.getElementById('L').innerHTML=document.getElementById('links').innerHTML">
<img src="http://i.imgur.com/KsehYWC.jpg" style="background: url(http://i.imgur.com/rYWSb.jpg);
padding: 8px;border-radius: 150px;border-radius: 200px; width="100px" height="100px" title="chingu"/>
</a><br><br><br>

<a onClick="document.getElementById('L').innerHTML=document.getElementById('tuto').innerHTML">
<img src="http://i.imgur.com/7hW8ZTE.jpg"style="background: url(http://i.imgur.com/rYWSb.jpg);
padding: 8px;border-radius: 150px;border-radius: 200px; width="100px" height="100px" title="Tutorial or Freebies"/>
</a><br><br><br>

<a <a href="https://twitter.com/SungyeolWifey96">
<img src="http://i.imgur.com/MOtMW1n.jpg"style="background: url(http://i.imgur.com/rYWSb.jpg);
padding: 8px;border-radius: 150px;border-radius: 200px; width="100px" height="100px" title="twitter"/>
</a>


<br><br>
</center>
</div>
<div style=" position:fixed; top:0px; left:350px; float:center;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-left-radius: 50px;
width:690px; height:60px; font-size:50px; font-family: Tempus Sans ITC; color:#aaa; background:url(http://i.imgur.com/rYWSb.jpg);"><center>Sunshine</div>


<div id="home" style="display:none;">
<blogger>
<br><div class="yeol"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h3"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> [Add a Comment]</a></BlogItemCommentsEnabled></div>
<br><br>
<$BlogItemBody$>
<div class="post-footer"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div>
<ItemPage>
  <div id="comments">
 <BlogItemCommentsEnabled><a name="comments"></a>
    <dl id="comments-block">
      <$CommentPager$>
      <BlogItemComments>
      <dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
        <$I18NCommentAuthorSaid$>
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
   <$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
  <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
 <br/><br/>
    </div>
</ItemPage><br/><br/><br>
</blogger><br>
</div>

<div id="me" style="display:none;">
<div class="yeol">Princess</div></br>
<br>
<center><img src="http://data.whicdn.com/images/194921955/large.png"/></center>
<br><br><center></center>
<br><blockquote class="tr_bq" style="text-align: center;">
replace this . Make it longer&nbsp;</blockquote>




<br>
</div>

<div id="links" style="display:none;">
<div class="yeol">Chingu</div></br>
<br>
<center><img src="http://data.whicdn.com/images/194922332/large.png"/></center>
<br><center><blockquote>Put Your CBOX HERE</blockquote></center></br></br><center>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
<a class="jjik" href="url">Friends</a>
</center>
<br><br>
<div class="yeol">credit</div></br><center><br></br>
<center> skin by <a href="http://leyastorymory.blogspot.com/">leyayeolly</a>. Bckground from <a href="inhalid.blogspot.com">atintory</a>
<br>Image :<a href="http://weheartit.com/">WeHeartit</a>
<br>Music :<a href="http://irondj.net/">Iron DJ</a>
</center>
</div>

<div id="tuto" style="display:none;">
<div class="yeol">Tutorial</div></br>
<br>
<center><img src="http://data.whicdn.com/images/194920030/large.png" height:250px;/></center>
<br><u>Tutorial</u></br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
</br></br>

<br><u>Freebies</u></br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
<img src="http://imgur.com/fbrBr.png" />
Tutorials : <a href="link">Coming soon..</a><br>
</br></br>

</div>


</body>
</html>






No comments:

Post a Comment