<html>
<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++;
}
}
}
<div id="teddy" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="bear" style="display : none;">
<body oncontextmenu='return false;'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<head>
</script>
<title> Cutie Purple </title><link rel="shortcut icon" href="http://1.bp.blogspot.com/-kyR1Exclke0/TqHNeGm2oAI/AAAAAAAACO8/Is59oMf5jRY/s23/camera-smilehappyy-stop.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png);
background-attachment:fixed;
cursor: url(http://media.tumblr.com/tumblr_lqs4olZDSF1qfoi4t.png), progress;
font-family: verdana;
font-size: 11px;
text-align: left;
}
.awesome {
text-align: center;
margin-top: 200px;
-webkit-transition:1s;
}
.awesome:hover {
opacity:0.8;
-webkit-transition:1s;
padding-left:50px;
}
::-webkit-scrollbar {
height: 7px;
width: 7px;
background:white;
}
::-webkit-scrollbar-thumb {
background-color: #edd8fe;
border: 1px solid #fff;
}
::-moz-selection {
background:#EBD5FF;
color:#fff;
}
::selection {
background:#EBD5FF;
color:#fff;
}
a:link, a:visited {
color: #edd8fe;
text-decoration: none;
-webkit-transition:0.5s;
cursor:url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png);
}
a:hover{
text-decoration: none;
color: #dbadff;
-webkit-transition:0.5s;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
a.iloveyou {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: url( http://3.bp.blogspot.com/-WGFz02z1Qkk/Tg6HM8jr8pI/AAAAAAAABFM/qaFKUAcvWZU/s1600/pinkline.png);
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #000000;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.iloveyou:hover {
background : #F0C4F0;
-webkit-transition-duration: 0.5s;
color: #9bd6c6;
border-left: 3px solid #EA8DFE;
border-right: 3px solid #EA8DFE;
border-top: 3px solid #EA8DFE;
border-bottom: 3px solid #EA8DFE;
}
a.perfectrose {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: #8A0868;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #ffffff;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.perfectrose:hover {
border-left: 5px solid #EA8DFE;
border-right: 5px solid #EA8DFE;
border-top: 5px solid #EA8DFE;
border-bottom: 5px solid #EA8DFE;
}
.magical {
margin: .75em 0;
font: century gothic;
color: #000000;
text-align: center;
background-image:url( URL Background );
border-top: 1px solid #ECCEF5;
border-bottom: 1px solid #ECCEF5;
border-right: 8px solid #ECCEF5;
border-left: 8px solid #ECCEF5;
padding: 2px;
}
.rosemary {
font-family: century gothic;
font-size:12px;
line-height:20px;
color: #c0c0c0;
text-align: center;
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png);
border: 1px solid #edd8fe;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 1px solid #cb91f9;
-webkit-transition: 0.5s;
}
u {
text-decoration:none;
border-bottom: 5px double #EA8DFE;
}
b {
text-decoration:none;
color: #DF01A5;
}
big {
text-decoration:none;
color: #D358F7;
font-family: century gothic;
font-size:20px;
}
a.jieun{
background:#EBD5FF;
text-decoration:none;
color:#fff;
padding:5px;
font:11px Short stack;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;
}
a.jieun:hover{
background:#EBD5FF;
color:#d5a0ff;
cursor: url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png), progress;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 95px;
display: inline-block;
color: #edd8fe;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: short stack;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #edd8fe;
-webkit-transition: 1s;
color: #fff;
border:1px solid #edd8fe;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#fff;
color:#666;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px century gothic;
padding:1px;
margin-top:5px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:2px solid #eee;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#eee;
color:#aaa;
border-bottom:2px solid #fff;
}
</style>
<style>
@font-face{font-family:LtChickenhawk;src:url('http://static.tumblr.com/eq1rpir/atnm52s1n/lt_chickenhawk.ttf')}
</style>
<center>
<script type="text/javascript">
var speed=100;
var height=3;
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}
function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>
<div id="wobble" style="color: #fff; font-family: LtChickenhawk; font-size: 111px;">
Cutie Purple</div>
</center>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ7bTLIQODbVkN_JH5Lpr2HEr413OHReN9Bj6i0ft73SKM2i_dCYOsR9Cw0zjp4ETgCNTRezvV80VQFgY9z7X5Al_8kp-mTXcpGRSGQO_Dr_Q5irGPr-fvyjwUTi5sQyVAeGuv29vUyQVL/s1600/purplesimpletop.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Up Up and Awayyy~'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style>
</head>
<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:220px; padding-right:10px;">
<div class="magical">Bonjour !</div><br>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png) repeat; border:1px solid #e1bdfd;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_l0relyxQKh1qaobbko1_500_large.jpg">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" >FOLLOW</a>
</center><br><br>
</div>
<center>Hi ! I am this skin maker. This is my second skin ;)
<br/>*replace this with your text * <br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a><br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" >LINKIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" >STUFF</a><br><br>
<div class="magical">Tagboard</div>
Put your CBox Code hare!
<div class="magical">Credits</div>
<br> PLEASE DO NOT REMOVE THE CREDITS
<br>Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya </a>
<br>Bascode by <a href="http://acqeen.blogspot.com/">Cikin </a>
<br>Blog Owner <a href="Your URL Blog/">Your Name </a>
</div>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="diary" style="display: none;">
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="magical">About The Owner</div>
Put your bio!<br>
<br></div>
<div id="fairies" style="display: none;">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<div id="blog" style="display: none;">
<div class="magical">My Tutobies Collecion</div>
Put your Tutorial and Freebies hare!
<br></div>
<div id="link" style="display: none;">
<div class="magical">Links My Friend</div>
<a class="link" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
</div>
</body>
</html>
<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++;
}
}
}
<div id="teddy" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="bear" style="display : none;">
<body oncontextmenu='return false;'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<head>
</script>
<title> Cutie Purple </title><link rel="shortcut icon" href="http://1.bp.blogspot.com/-kyR1Exclke0/TqHNeGm2oAI/AAAAAAAACO8/Is59oMf5jRY/s23/camera-smilehappyy-stop.gif" />
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://i473.photobucket.com/albums/rr100/dirah_96/purplecloudy.png);
background-attachment:fixed;
cursor: url(http://media.tumblr.com/tumblr_lqs4olZDSF1qfoi4t.png), progress;
font-family: verdana;
font-size: 11px;
text-align: left;
}
.awesome {
text-align: center;
margin-top: 200px;
-webkit-transition:1s;
}
.awesome:hover {
opacity:0.8;
-webkit-transition:1s;
padding-left:50px;
}
::-webkit-scrollbar {
height: 7px;
width: 7px;
background:white;
}
::-webkit-scrollbar-thumb {
background-color: #edd8fe;
border: 1px solid #fff;
}
::-moz-selection {
background:#EBD5FF;
color:#fff;
}
::selection {
background:#EBD5FF;
color:#fff;
}
a:link, a:visited {
color: #edd8fe;
text-decoration: none;
-webkit-transition:0.5s;
cursor:url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png);
}
a:hover{
text-decoration: none;
color: #dbadff;
-webkit-transition:0.5s;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
a.iloveyou {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: url( http://3.bp.blogspot.com/-WGFz02z1Qkk/Tg6HM8jr8pI/AAAAAAAABFM/qaFKUAcvWZU/s1600/pinkline.png);
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #000000;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.iloveyou:hover {
background : #F0C4F0;
-webkit-transition-duration: 0.5s;
color: #9bd6c6;
border-left: 3px solid #EA8DFE;
border-right: 3px solid #EA8DFE;
border-top: 3px solid #EA8DFE;
border-bottom: 3px solid #EA8DFE;
}
a.perfectrose {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
background: #8A0868;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 180px;
color: #ffffff;
-webkit-transition-duration: 0.5s;
font-family: century gothic;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
a.perfectrose:hover {
border-left: 5px solid #EA8DFE;
border-right: 5px solid #EA8DFE;
border-top: 5px solid #EA8DFE;
border-bottom: 5px solid #EA8DFE;
}
.magical {
margin: .75em 0;
font: century gothic;
color: #000000;
text-align: center;
background-image:url( URL Background );
border-top: 1px solid #ECCEF5;
border-bottom: 1px solid #ECCEF5;
border-right: 8px solid #ECCEF5;
border-left: 8px solid #ECCEF5;
padding: 2px;
}
.rosemary {
font-family: century gothic;
font-size:12px;
line-height:20px;
color: #c0c0c0;
text-align: center;
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQrw-_KBbJTp0huQ8XgZcKaKwOHzWAHTwE6D8NhwSqqxwbBNnyyh9TeFUMLN1EJNxBf_Bu4vWCvgPv1ntUm4zO2o5TagcCJ7yIXE4Z86_nXeggXT0f6AKVG51Yt0xbaWlVyx6ndOxBonsO/s1600/backgroundbody%25283%2529.png);
border: 1px solid #edd8fe;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 1px solid #cb91f9;
-webkit-transition: 0.5s;
}
u {
text-decoration:none;
border-bottom: 5px double #EA8DFE;
}
b {
text-decoration:none;
color: #DF01A5;
}
big {
text-decoration:none;
color: #D358F7;
font-family: century gothic;
font-size:20px;
}
a.jieun{
background:#EBD5FF;
text-decoration:none;
color:#fff;
padding:5px;
font:11px Short stack;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;
}
a.jieun:hover{
background:#EBD5FF;
color:#d5a0ff;
cursor: url(http://i756.photobucket.com/albums/xx204/maeca_louisse/th_13-1.png), progress;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 95px;
display: inline-block;
color: #edd8fe;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: short stack;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #edd8fe;
-webkit-transition: 1s;
color: #fff;
border:1px solid #edd8fe;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#fff;
color:#666;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px century gothic;
padding:1px;
margin-top:5px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:2px solid #eee;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#eee;
color:#aaa;
border-bottom:2px solid #fff;
}
</style>
<style>
@font-face{font-family:LtChickenhawk;src:url('http://static.tumblr.com/eq1rpir/atnm52s1n/lt_chickenhawk.ttf')}
</style>
<center>
<script type="text/javascript">
var speed=100;
var height=3;
var wobtxt, wobble, wobcnt=0;
window.onload=function() { if (document.getElementById) {
var i, wobli;
wobble=document.getElementById("wobble");
wobtxt=wobble.firstChild.nodeValue;
while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
for (i=0; i<wobtxt.length; i++) {
wobli=document.createElement("span");
wobli.setAttribute("id", "wobb"+i);
wobli.style.position="relative";
wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
wobble.appendChild(wobli);
}
setInterval("wobbler()", speed);
}}
function wobbler() {
for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
wobcnt++;
}
// ]]>
</script>
<div id="wobble" style="color: #fff; font-family: LtChickenhawk; font-size: 111px;">
Cutie Purple</div>
</center>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ7bTLIQODbVkN_JH5Lpr2HEr413OHReN9Bj6i0ft73SKM2i_dCYOsR9Cw0zjp4ETgCNTRezvV80VQFgY9z7X5Al_8kp-mTXcpGRSGQO_Dr_Q5irGPr-fvyjwUTi5sQyVAeGuv29vUyQVL/s1600/purplesimpletop.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Up Up and Awayyy~'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<link rel="openid.server" href="http://www.blogger.com/openid-server.g" />
<!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css);
div.b-mobile {display:none;}
</style>
</head>
<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:220px; padding-right:10px;">
<div class="magical">Bonjour !</div><br>
<center>
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy0qozLLx4UgYRD8bQj9f0FKDNThSu7iAt8Q45rkLzzWdBRppIzt4ez0Sa0t2-t2zHZWyxb9FXvdjrC0N25ZcHtzkWixOyofJS8IhT8g52b-YG-yGgCBBG3V6SduLkdyJrYVSrPye76c/s1600/linepattern.png) repeat; border:1px solid #e1bdfd;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_l0relyxQKh1qaobbko1_500_large.jpg">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID" >FOLLOW</a>
</center><br><br>
</div>
<center>Hi ! I am this skin maker. This is my second skin ;)
<br/>*replace this with your text * <br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" >HOME</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >ABOUT</a><br><br>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" >LINKIES</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('blog').innerHTML" >STUFF</a><br><br>
<div class="magical">Tagboard</div>
Put your CBox Code hare!
<div class="magical">Credits</div>
<br> PLEASE DO NOT REMOVE THE CREDITS
<br>Template by <a href="http://alyarahimah-bloggie.blogspot.com/">Alya </a>
<br>Bascode by <a href="http://acqeen.blogspot.com/">Cikin </a>
<br>Blog Owner <a href="Your URL Blog/">Your Name </a>
</div>
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="diary" style="display: none;">
<td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="magical">About The Owner</div>
Put your bio!<br>
<br></div>
<div id="fairies" style="display: none;">
<blogger><div class="magical"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$></br>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
<div id="blog" style="display: none;">
<div class="magical">My Tutobies Collecion</div>
Put your Tutorial and Freebies hare!
<br></div>
<div id="link" style="display: none;">
<div class="magical">Links My Friend</div>
<a class="link" href="http://alyarahimah-bloggie.blogspot.com/">Alya</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
<a class="link" href="URL-YOUR-Friend">Next ?</a>
</div>
</body>
</html>