Evangrace

Tutorials&Freebies(including Blogskins!)

Blogskin #8


*click on the pic for a larger view

the codes:
<html>
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> i'm an aurophile </title>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.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>


<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
<style type="text/css">
#navbar-iframe { display: none }
body { background-color: #FFF; text-align: justify; font: 10px 'verdana'; color: #aaa; line-height: 1.5; text-decoration: none; cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;}
.content { margin: 0px auto; width: 775px;  }
.sidebar { width: 200px; float: left; position: fixed ; top: -80px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }
.sidebar:hover { top: 0px; }
.posts { width: 538px;  margin-top: 0; margin-bottom: 0; padding: 20px }
::selection {color: #eee; background: #fff;} ::-moz-selection{color: #eee; background: #fff;}
.joon {
    position:fixed;
    top:0px;
    width:700px;
    padding-top:20px;
    background-color:white;
    padding:10px;
    height:100px;
    left:390px;
   
    z-index:999;
}
bu{
font-size: 40px;
font-family: 'star';
text-transform:uppercase;
}
.popup_block{
display: none;
background: #D3D3D3;
background-image: url(http://i.imgur.com/KsGMEMH.png);
padding: 10px;
font-family: "short stack";
float: left;
    color:#fff;
font-size: 10px;
position: fixed;
top: 50%; left: 50%;
z-index: 2;
border: 4px solid #fff;
-moz-box-shadow: 9px 9px 9px #eee;
-webkit-box-shadow: 0 0 15px #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.title{
font-family:"short stack";
 font-size:12px;
color:#c0c0c0;

 }
textarea {
-webkit-appearance: textarea;
background-color: white;
border: 4px outset #c0c0c0;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-box-orient: vertical;
resize: auto;
cursor: url(http://media.tumblr.com/tumblr_lpyq18WTCg1qcn2vb.gif),auto;
padding: 2px;
white-space: pre-wrap;
word-wrap: break-word;
font-family: short stack;
font-size: 10px;
line-height:11px;
letter-spacing:0px;
color:#E9E9E9;
}
#pic {
    width:120px;
    height:120px;
    -moz-border-radius:100px;
border-radius:100px;
}
img.btn_close {
float: right;
margin: -5px -5px 0 0;
}
#mimo{
margin-top:-92px;
margin-left:128px;
opacity: 100;
}
@font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
@font-face{font-family:south rose; src:url('http://static.tumblr.com/cpgw3dl/uvJmuos7j/southrose.ttf');}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
@font-face {
font-family:jonjun !important;
src: url('http://static.tumblr.com/cpgw3dl/S9Lmk29ee/sign-handwriting_demo-version.ttf') !important;
}
@font-face {
font-family: "tinytots";
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}
 a.thingi{
word-spacing:10px;
color: #c0c0c0;
text-decoration:none;
 font-family:"short stack";
font-size:10px;
background:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/05-20-2012/image32-1.gif);
background-repeat:no-repeat;background-size:10px ;padding-left:15px !important;line-height:18px !important;}
a.thingi:hover{
 color: #E8D6CC;cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif) !important;
background-repeat:no-repeat !important;background-size:10px !important;padding-left:15px !important;line-height:18px !important; !important}
a.navi1:hover {
color:#000 !important;
}
div.thingi{
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ;
background:url(http://media.tumblr.com/tumblr_m89lql8qIE1qdlkyg.gif) !important;color:#555 !important;
background-repeat:no-repeat !important;background-size:15px !important;padding-left:25px !important;line-height:18px !important;}
div.thingi:hover{
background:url(http://media.tumblr.com/tumblr_m89lqpqCgU1qdlkyg.gif) !important;
background-repeat:no-repeat !important;padding-left:25px !important;background-size:15px !important;line-height:18px !important;color:#666 !important}

.pic {
    border:2px dashed #ffcdbd;
    width:120px;
    height:120px;
    -moz-border-radius:100px;
border-radius:100px;
padding:10px;
margin-left:170px;
   
}
.eminem{
font-family:'short stack';
font-size:10px;
color:#c0c0c0;
}
@font-face{font-family:"nara";src:url("http://static.tumblr.com/rbfc1fi/GL1m6m44f/nara.ttf")}
.tr-caption{font: 15px nara; color:#C8D9DB;padding-top: -3px;padding-bottom: 3px;}
.footer { display: inline; font-size: 10px; }
.ttl {
text-align: center;
z-index: 3222;
 position:absolute;
    margin-top:-70px;
    margin-left:180px;
font-family: 'amatic sc';
font-weight: bold;
font-size: 40px;
opacity:.8;
letter-spacing:2px;
 color: transparent;
 background: -webkit-linear-gradient(transparent, transparent),
             url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQgvxtg1ZF1qdBxM0bZGpekhukGBT5BenL51UVcg-fzzbXLgcis-w) repeat;
 -webkit-background-clip: text;
}
 #t3 {
border: 3px double #F5F5F5;
background: url(http://i.imgur.com/r9lmj.png);
text-align: center;

color: #a9a9a9;
margin-top: 10px;
margin-bottom: 10px;
width:550px;
}
.h1 {padding:2px; font:15pt 'patrick hand sc';  letter-spacing:1px;line-height:10px; color:#c0c0c0; margin-bottom:10px; }.h2{ font-family: consolas; color:#fff; font-size:10px;}
.date { text-align: right;  font-size: 9pt;}
.nav {
    border-bottom:3px solid #ffcdbd;
    width:400px;
   
    margin-top:20px;
    text-align:center;
    margin-left:52px;
}
.ar {margin: 0 auto; width: 0; height: 0; margin-top:-10px;border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ECD7AA;}
.sd {width:180px; padding: 0px; background-image:url(http://i.imgur.com/B5Y2m.png); z-index: 100; text-align: justify; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px;}
img {
filter: alpha(opacity="80");
opacity: 0.8;
-webkit-transition:3s;
}
img:hover {
filter:alpha(opacity="100");
opacity: 1;
-webkit-transition:1s;
}
@font-face {
    font-family: "Meow";
    src: url(http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");
    }
 @font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
#single {
  -webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
  z-index:999;
border:5px solid #f9f9f9;
 -moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:80px;
height:80px;
}

#fed {
  -webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
  z-index:999;
-moz-border-radius:100px;
border-radius:100px;
width:80px;
height:80px;
}
::-webkit-scrollbar {
width:10px;
height:10px;
}
::-webkit-scrollbar {
width: 9px;
height: 8px;
}
::-webkit-scrollbar-track-piece  {
background-color: #E8D6CC;
border: 3px solid #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-image:url(http://i.imgur.com/sbq7PjI.png);
border: 3px solid #ddd;
}
{/block:ifroundedsidebarimage}

a:link { color: #c0c0c0; text-decoration:none; font-family:"short stack"; font-size:12px; letter-spacing:1px;}
a:hover { color: #E8D6CC;cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto; }
blockquote{
-webkit-transition: All 0.4s ease;
-moz-transition: All 0.4s ease;
-o-transition: All 0.4s ease;
background: url(http://i.imgur.com/N54rX6a.png);
border-radius: 10px;
outline: none;
color: #ccc;
border: 4px solid #F8F5F4;
letter-spacing: 1px;
padding: 5px 5px 5px 5px;
width:320px;
height:50px;overflow:auto;
overflow-x: hidden;
overflow-y: scroll;
margin-top: 5px;
margin-bottom: 5px;
margin-left:100px;
}


.footer { display: inline; font-size: 10px; }
.nav1 { margin-top:-230px; text-align: center; background-color: #fff; padding: 4px; opacity: 0.5;}
.nav2 { color: #666; cursor: pointer; }
.nav2:hover { border-bottom: 1px solid #666; }


#single:hover, #single:hover #fed {
    -moz-border-radius:0px 100px 100px 100px;
border-radius:0px 100px 100px 100px;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
ul { list-style-type: hiragana }
.blogger-labels { display: none; }
</style>
</head>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://cdn2.iconfinder.com/data/icons/bwpx/icons/symbol_multiplication.gif" class="btn_close" title="Close" alt="Close" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<body>

<div class="content">
<div class="joon">
<div id="single"><img src="http://i.imgur.com/hgaCeL5.png" id="fed" ><div class="ttl"><center>I'm an <bu>A</bu>urophile</center></div>
</div>


<div id="t3">
<a class="thingi" href="/"><b>H</b>ome</a>
<a class="thingi"><a  href="#?w=300" rel="03" class="poplight"><b>A</b>bout</a></a>
<a class="thingi"><a href="#?w=300" rel="08" class="poplight"><b>C</b>box</a></a>
<a class="thingi"><a href="#?w=300" rel="05" class="poplight"><b>T</b>utorials</a></a>
<a class="thingi"><a href="#?w=300" rel="04" class="poplight"><b>F</b>reebies</a></a>&nbsp;
<a class="thingi" href="/view/magazine"><b>A</b>rchive</a>
<a class="thingi" href="http://www.blogskins.com/me/evangrace98"><b>B</b>logskins</a>
</div>
</div>
<center>
<div class="posts">
<div id="main">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<Blogger>
<center><div class="h1" href="<$BlogItemPermalinkUrl$>"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<img src='http://i.imgur.com/7iCaD.png' style="margin-top:-9px;opacity:.80;"><br><br>
<div class="ar"></div>
<div class="sd">
<center><div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>&nbsp;<img src='http://i.imgur.com/iGxniJa.gif' style="opacity: .70;"></div></center>
</div>
<br>
<$BlogItemBody$>
<br><br>
</Blogger>
</div>
<div class="footer">
<span style="float:left;"><a class="pager" href=<$NewerPosts$>><img src=http://i.imgur.com/EFpqa.png></a></span>
<span style="float:right;"><a class="pager" href=<$OlderPosts$>><img src=http://i.imgur.com/4byHR.png></a></span>
<br>
<center><div class="eminem">Copyright ©.Layout by:<a href="http://evangelista-grace.blogspot.com/" target="_blank"> Evangelista</a>.</span> All rights reserved 2011 - Infinity.</div></center><br>


</body>
<div id="07" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
    <Center><div class="title">Cbox</div></center>
<br>
<center><div><iframe frameborder="0" width="230" height="75" src="http://www5.cbox.ws/box/?boxid=712646&amp;boxtag=zg4n92&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 5px solid #ddd;" id="cboxform5-712646"></iframe></div></center>
</div>
</div></div>
</div></div></div></div></div></div></div></div></div></div>

<div id="08" class="popup_block">
     <div style="width:auto;height:120px;overflow:auto; "><Center><div class="title">Tagboard</div></center>
<center><div style="background:url(http://i.imgur.com/mAyUHjl.png) repeat; border:3px solid #fff;padding:5px; width:213px; border-radius:5px; opacity:.80;">
<div style="border:1px dotted #A9BCF5; background:#fff; width:200px;height:60px; padding: 5px;"><br /><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<center><div><div style="margin-top:-20px;"><iframe frameborder="0" width="170" height="70" src="http://www5.cbox.ws/box/?boxid=712646&amp;boxtag=zg4n92&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-712646" style="border: 0px solid;border-top:0px" id="cboxform5-712646"></iframe></div></div>
</div></center>
<!-- END CBOX --></div>
</div></div><br /></div></div></center>

</div>
<div id="05" class="popup_block">
     <div style="width:auto;height:150px;overflow:auto; "><Center><div class="title">Tutorials for you</div></center>
<br>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
</div>
</div></div></div></div></div></div></div></div></div></div>
<div id="04" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
    <Center><div class="title">Freebies for you</div></center>
<br>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
<ul><a class="thingi" href='/' >LINK</a></ul>
</div></div>
</div></div></div></div></div></div></div></div></div></div>
<div id="03" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
    <Center><div class="title">Hello there!</div><br><center><img src="http://4.bp.blogspot.com/-B8FTgiSg7s0/UKI6EXJQGPI/AAAAAAAABKE/XoYGE7sBMZY/s1600/iconsmals.png" style="width:100px; border:8px solid #fff ;
 -moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:80px;
height:80px;"><br><br><div class="ar"></div>
<div class="sd">I'm an introvert, a bibliophile, an aurophile, an otaku and a template designing enthusiast. I'm 15 this year, a victim of PMR. I am sometimes nicknamed "Miss Whatever" because I'm nonchalant in reality. I dread homeworks. Slacking and procrastinating are mundane and monotonous to me. Grammatical errors and not being able to speak flawlessly in English are among my pet peeves. I'm an individual with barometric self-esteem.  I am currently residing in Rawang, Selangor, Malaysia. I am Evangelista Grace, a.k.a The computer Geek. REPLACE THIS WHOLE <strike>shit</strike> with your own profile.
</div></center></div>
</div></div></div></div></div></div></div></div></div></div>
<img src='http://31.media.tumblr.com/d567751098c4e1df70324e58c5d77d02/tumblr_mf5h3ybp6h1qc4uvwo1_500.gif' style="right:0px; bottom:20px;position:fixed;width:280px; opacity:.7;">

</html>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('a:link');</script>
<script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
<script src="http://static.tumblr.com/3driglx/PH8l1y75m/lorie_400.font.js" type="text/javascript"></script>
<script type="text/javascript">Cufon.replace('');</script>