CODE #2 - D.O BOARDS

<html>
<head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7qSejuT8QPhgSFDvVJoKowtVn9R4GRTv0q68sVkh1euQ_MPJTdBxYdHTpykDsXCYff_08MB8hm0xYtUXzvnFn4u_jP49TS0VsjLlz9j6VmkRxG7eEBdYIw_SjsWdQupgg7BZbnpN_jHY/s1600/rose9_2.gif' rel='shortcut icon' type='image/x-icon'/>

</script>
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Podkova:400,700' rel='stylesheet' type='text/css'>

<base target='_blank'/>

<title>CODE #2 – D.O BOARDS</title>

<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>

</head>

<style type="text/css">
#navbar-iframe { display: none; }

body {
background:url(http://www.pastelpatterns.com/small/smallpattern-9.png);
color: #888888;
line-height: 15px;
font-size: 11px;
text-align: justify;}

table {
cursor: url(http://i42.tinypic.com/wvo2yq.png);
background:#fff;
font: 11px arial;
letter-spacing: 1px;
color: #999;
line-height: 20px;
padding:5px;
border:15px solid #F3E2A9;
border-radius:5px;
width:880;}

a{
text-decoration:none ;
color:#BDA291 ;cursor:pointer;
-webkit-transition:All 0.4s ease ;
-moz-transition:All 0.4s ease ;
-o-transition:All 0.4s ease ; }
a:hover{
color:#fff ;
background:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/2e5f96_galaxy.gif);
background-position:50% 80%;
background-size:400px;
}

::-moz-selection {
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
background:#000;
color:#fff;
}

::selection {
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
background:#eee;
color:#fff;
}

b {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/large4-1.jpg) ;
background-position:10% 70%;
-webkit-transition-duration: .7s;
}

b:hover {
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/IMG220.jpg) ;
background-position:30% 50%;
-webkit-transition-duration: .7s;
}

blockquote {
color:#888;
background: #ffffff;
font-size: 12px;
border-left: 10px solid #eee;
border-right: 10px solid #eee;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
padding:10px;
border-radius:20px;
}

blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#777;
padding:10px;
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("http://media.tumblr.com/tumblr_mdpf4xTtf61qdlkyg.gif") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;
border:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}

#s-m-t-tooltip {
background: #FFF;/* change the background color */
font-size: 9px;/* change the font size */
line-height: 11px;
font-family: cambria;/* change the font */
letter-spacing: 2px;
text-transform: lowercase;/* can be lowercase, uppercase, none */
color: #888;/* change the text color */
text-align: center;
padding: 5px 10px 5px 10px;
display: block;
border: 2px solid #F5DA81;
border-radius: 5px;
margin: 24px 14px 7px 12px;
-webkit-box-shadow: 2px 2px 3px #ccc;
-moz-box-shadow: 2px 2px 3px #ccc;
box-shadow: 2px 2px 3px #ccc;
}

.faceprob {
background:#F3E2A9;
color:#fff;
font-family: 'Podkova';
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
padding:3px;
margin-bottom:0px;
text-shadow: 0 0 0.2em #DBA901, 0 0 0.2em #DBA901;
}

.umi {
margin-top:0px;
background:#fff;
border:1px solid #F3E2A9;
font-family:tt;
font-size: 8px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
text-align: right;
}

@font-face {
font-family:tt;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
}

::-webkit-scrollbar {
width: 7px;
height: 15px;
background:white;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #F3E2A9;
border-radius: 10px;
}

.archive{
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
border-bottom:1px solid #efefef;
font-size: 11px;
padding:2px;
padding-left:20px;
overflow: auto;
background:url(http://i1259.photobucket.com/albums/ii546/Cecelia2620/93dc0399219b69e942f55c6639f81966b64d1dad-1.gif);
border-bottom:1px solid #efefef;
background-size:15px;
background-repeat:no-repeat;
background-position: left
}

.archive:hover{
padding-left:37px;
}

a.oldernew{
color:#fff;
-webkit-transition: 1.0s; padding:2px;
-moz-transition: 1.0s;
font-family:consolas;
display:inline-block;
width:40px;border:none;
margin:2px;
background:#F3E2A9;text-align:center;
}

</style>

<div align="center">
<center>

<br><br><br>
<div style="border:15px solid #F3E2A9;border-radius:5px;width:820;padding: 20px;">
<img src="http://i1259.photobucket.com/albums/ii546/Cecelia2620/Untitled-9.png" width="800;">
<div style="position: absolute;left: 740px; top: 100px;">
<a onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML" title="Intro" ><img src="http://i1259.photobucket.com/albums/ii546/Cecelia2620/ic_action_person.png" border="0" alt=" photo ic_action_person.png"/></a>
<a onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML" title="Friends" ><img src="http://i1259.photobucket.com/albums/ii546/Cecelia2620/ic_action_network_wifi.png" border="0" alt=" photo ic_action_network_wifi.png"/></a>
<a onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML" title="Secret Diaries" ><img src="http://i1259.photobucket.com/albums/ii546/Cecelia2620/ic_action_about.png" border="0" alt=" photo ic_action_about.png"/></a>
<a onClick="document.getElementById('main').innerHTML=document.getElementById('d').innerHTML" title="RAR: Tutobies" ><img src="http://i1259.photobucket.com/albums/ii546/Cecelia2620/ic_action_storage.png" border="0" alt=" photo ic_action_storage.png"/></a>

</div></div>
<br><br>
<div style="position: absolute;top:200px; left: 800px;">
MUSIC CODES OR WHATEVER HERE<br><br>

</div>

</img>
</center></div>

<center>
<table border="0" cellspacing="0" cellpadding="20">
</center>

<tr>

<td valign="top" width="180">
<div class="faceprob">Description</div>
<div class="umi">ABOUT DA BLOG </div><br>
<center>
WRITE SOMETHING
</center><br>
<br><br>
</div>

<div class="faceprob">Chatime</div>
<div class="umi">Without Link; No replies</div><br>

CBOX HERE
</div>

<br><br><br>

<div class="faceprob">Blog Archieve</div>
<div class="umi">History</div><br>
<div style="text-align:left; padding:10px; border-radius:0px; height:100px; overflow-x:hidden; overflow: auto; border:1px dashed #ddd;margin-top:20px;">

<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div class="archive">
<$BlogPreviousItemTitle$></div>
</a></BloggerPreviousItems></div>
</div>

<div class="faceprob">CREDITS</div>
<div class="umi">THANKS TO THEM </div><br>
<center>
Template by: <a href="http://celia-riin-26.blogspot.com/">CECELIA</a><br>
Design by: <a href="http://celia-riin-26.blogspot.com/">CECELIA</a><br>
A little Thanks to: <a href=" http://photobucket.com/ ">Photobucket</a><br>
<br><br>
This Blog owned by <b>YOUR NAME</b>

</center><br>
<br><br>
</div>

</td>

</div>

<td id="main" valign="top" style="width:526px; padding-left:13px; border-left:1px solid #F3E2A9; padding-right:13px; ">

<div class="faceprob"></div>
<Blogger>
<div class="faceprob"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>

</p>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0 0 3px #ddd;">
<$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>
</ItemPage>
<br><br>
<div style="float:right;"><a class="oldernew" href=<$OlderPosts$>>Older</a></OlderPosts> </div><div style="float:left"><a class="oldernew" href=<<$NewerPosts$>>Newer</a></NewerPosts></div>
</Blogger>

</div>
</td>

<td id="k" style="display: none;">

<div class="faceprob">Owner (y)</div>
<div class="umi">Know more about Me Kay?</div><br>
<center> ABOUT YOU ABOUT YOU ABOUT YOU ABOUT YOU ABOUT YOU ABOUT YOU ABOUT YOU ABOUT YOU

</center>

</td>

<td id="p" style="display: none;">

<div class="faceprob">Linkies</div>
<div class="umi">Friendship never end</div><br>

<center>
LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :) LINKS :)</center>

</div>
</td>

<td id="o" style="display: none;">
<Blogger>
<div class="faceprob"><$BlogItemTitle$></div><div class="umi" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><$blogitembody$>

</p>

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0 0 3px #ddd;">
<$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>
</ItemPage>
<br><br>
<div style="float:right;"><a class="oldernew" href=<$OlderPosts$>>Older</a></OlderPosts> </div><div style="float:left"><a class="oldernew" href=<<$NewerPosts$>>Newer</a></NewerPosts></div>
</Blogger>
</td>

<td id="d" style="display: none;">

<div class="faceprob">RAR</div>
<div class="umi">Tutorials & Freebies</div><br><br>
<center>
TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERETUTO HERE TUTO HERE TUTO HERE TUTO HERETUTO HERE TUTO HERE TUTO HERE TUTO HERETUTO HERE TUTO HERE TUTO HERE TUTO HERETUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERE TUTO HERETUTO HERE TUTO HERE TUTO HERE TUTO HERE

</center>
</td>

</td>
<br><br/>
</table>
</body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips();
});
})(jQuery);
</script>

</html>