Evangrace

Tutorials&Freebies(including Blogskins!)

Blogskin #7


*click on the pic for a larger view
here's a live preview

the codes:
<style type="text/css">body {cursor: url(cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png),auto;), progress !important;}</style>
<html><head>
<title>B i r d y</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>

<script>
     (function($){
         $(document).ready(function(){
             $("[title]").style_my_tooltips({
    tip_follows_cursor:true,
    tip_delay_time:100,
    tip_fade_speed:100,
    attribute:"title"
});
         });
     })(jQuery);
 </script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<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>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|Bad+Script|Cookie' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Averia+Sans+Libre' rel='stylesheet' type='text/css'>
<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' rel='stylesheet' type='text/css'>
<link href='http://static.tumblr.com/cpgw3dl/OiEmuosv8/evan.css' rel='stylesheet' type='text/css'>
<style type="text/css">
@font-face{font-family:star; src:url('http://static.tumblr.com/cpgw3dl/u7dmup8xr/lavanderia_regular.ttf');}
.top {
background:url('http://1.bp.blogspot.com/-ccR9AmIfzKE/TxlQYboe3qI/AAAAAAAAClE/vEqG7t1hej4/s1600/wanawanawanaseoby.png'); }
.ha, .hb, .hc{
height:16px;
width:220px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-align:center;
position:relative;
font-family :'Averia Sans Libre';
font-size:10px;
font-style:bold;
text-transform: uppercase;
background:url(http://i.imgur.com/9uTa3fz.png);
z-index:500;
border: solid 2px #ccc;
   color: #c0c0c0;

}

</style></head><body>
<div style="position:absolute;top:20px;left:337px;width:660px;background:#ffffff;">
<div class="top">
<img style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; padding:4px; border:2px solid #c0c0c0;    background-image:url('http://static.tumblr.com/iuggpng/wbimagjbu/wooden.png');   border-radius:100px 100px 100px 10px;" src="http://i.imgur.com/7ly8HYO.jpg" width="100" height="100" /><BR>
<center><div class="name">YOUR BLOG TITLE</div><div style="padding:4px;"></div><a class="box" href="/"  title="refresh!">Home</a>
<div class="box"><a  href="#?w=300" rel="03" class="poplight" title="about me!">About</a></div>
<div class="box"><a href="#?w=300" rel="05" class="poplight" title="tutorials">Tutos</a></div>
<div class="box"><a href="#?w=300" rel="04" class="poplight" title="Freebies">Freebs</a></div>
<a class="box" href="yourblogID" target="_blank"  title="Follow">Follow</a>
</center></div></div>
<div style="top:200px;left:325px;position:absolute;width:650px;padding:10px;letter-spacing:0px;background:#fff;color:#808080;border:8px solid ;
border-image: url(http://static.tumblr.com/iuggpng/wbimagjbu/wooden.png) 10% repeat;opacity: 0.7; font-family:verdana;font-size:8pt;">
<div id="i" style="display: none;">
<div class="h1">Biography</div><div class="h2">Your profile goes here</div><div class="secret">?</div><br>
<br>
</div>
<div id="iii" style="display: none;">
<div class="h1">Others</div><div class="h2">Your exchange links section goes here</div><div class="secret">?</div><br>
<center>
</center>
<table align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="font-size:11px;width:300px;">
<br>
<td valign="top" style=" font-size:11px; width:300px;">
<div class="h2">Tagboard</div><br><center>
</center></table></div>
<div id="main">
<blogger>
<table cellspacing="1px" background-color="#fff">
<tr>
<td class="ha"><$BlogItemTitle$></td><td class="hc"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></td><td class="hb"><a style="color: #c0c0c0; href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>Leave a comment</a></BlogItemCommentsEnabled></td>
</tr></table>
<br>
<$BlogItemBody$>
<br>
</blogger>
<br>
<center>
<span style="float:left;"><a class="pager" title="Newer posts" href=<$NewerPosts$>><i class="icon-circle-arrow-left icon-3x"></i></a></span>
<span style="float:right;"><a class="pager" title="Older Posts"  href=<$OlderPosts$>><i class="icon-circle-arrow-right icon-3x"></i></a></span>
<br><center><span style="font-family: arial; font-size: x-small;color:#c0c0c0 ;">Copyright ©.Layout by:<a href="http://evangelista-grace.blogspot.com/" target="_blank">Evangelista</a>.</span><span style="font-family: arial; font-size: x-small;color:#c0c0c0 ;">. All right reserved 2011-infinity.</span></center><br>


<div id="06" class="popup_block"><div style="width:auto;height:150px;overflow:auto; ">
    <Center><div class="title">Freebies for you</div></center>
<br>
</div></div>
</div></div></div></div></div></div></div></div></div></div>


<div id="03" class="popup_block">
    <Center><div class="title">Hello there!</div><center><img src="http://2.bp.blogspot.com/-z0Q92ZWBgas/UKNqx4a3-EI/AAAAAAAABPk/vt097ErJ2oc/s1600/th_kawaiihibear.png" style="width:100px; opacity:.50;border:5px solid #fff;
 -moz-border-radius:0px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
width:100px;
height:100px;"><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. I'm a slacker and procrastinator myself.I hate noobs cause they seriously suck. I am currently residing in Rawang, Selangor, Malaysia. I am Evangelista Grace, a.k.a The computer Geek.I am very lenient with some peeps although they can literally get into my nerves at times. *i don't mean to brag about my perseverance though..it's just a matter of fact. (REPLACE THIS SHIT WITH YOUR PROFILE)
</div></center></div>
</div></div></div></div></div></div></div></div></div></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>

</body></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('.ttl');</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>




<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>




<div id="cbox123">
<div class="cboxtitle"><img src="http://media.tumblr.com/033a69ce994349a250c8fd9a87347d57/tumblr_inline_mfnj5dqLGY1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/e4e10358c8de11e2588dd47e697cc0c4/tumblr_inline_mfnj5aPvIO1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/f2440b6fee8ac831f70b390a6ae53f56/tumblr_inline_mfnj71oS7x1qdlkyg.gif" style="width:17px;"><img src="http://media.tumblr.com/b88fa9a0747cb5bb99d038f81c646c6a/tumblr_inline_mfnj92bYFh1qdlkyg.gif" style="width:17px;" ><img src=http://media.tumblr.com/tumblr_m89tkfQpHZ1qdlkyg.gif></div>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="130" height="105" src="http://www6.cbox.ws/box/?boxid=739736&amp;boxtag=w59n4q&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-739736" style="border: 0px solid;" id="cboxmain6-739736"></iframe></div>
<div><iframe frameborder="0" width="130" height="75" src="http://www6.cbox.ws/box/?boxid=739736&amp;boxtag=w59n4q&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-739736" style="border: 0px solid;border-top:0px" id="cboxform6-739736"></iframe></div>
</div>
</div>