this lock

ลำดับตอนที่ #5 : ANYTHING COULD HAPPEN

<title></title>

<link href="http://fonts.googleapis.com/css?family=Oswald:300" rel="stylesheet" type="text/css" />

<style type="text/css">

#navbar-iframe{

 display:none;

 }

::-webkit-scrollbar{

 width:10px;

 height:5px;

 }

::-webkit-scrollbar-button{

 background:#FFF;

 }

::-webkit-scrollbar-thumb{

 background:#598182;

 height:auto;

 width:10px;

 }

::-webkit-scrollbar-thumb:hover{

 background:#598182;

 }

::-webkit-scrollbar-track-piece{

 background:#FFF;

 }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{

 height:0px;

 }

body, table, td, tr, p, div{

 text-align:left;

 font-family:Helvetica, Sans-serif;

 letter-spacing:1px;

 font-size:11px;

 color:#000000;

 cursor:default;

 }

a:link, a:visited, a{

 color:#598182;

 text-decoration:none;

 -webkit-transition-duration:0.2s;

 cursor:crosshair;

 }

a:hover{

 text-shadow:-1px 1px 2px #FFFFFF;

 }

#top{

 display:none;

 cursor:crosshair;

  ;

 font-size:96px;

 font-weight:bold;

 color:#6B9B9C;

 text-align:center;

 }

#navmain, #nnn, #headercontainer{

 width:700px;

 }

#headercontainer{

 padding-left:10px;

 }

#ooo img{

 position:fixed;

 height:150px;

 width:150px;

 -webkit-border-radius: 100px;

 -moz-border-radius: 100px;

 border-radius: 100px;

 padding:20px;

 background:#FFFFFF;

 z-index:2;

 }

#topbanner{

 background:#7DB4B5;

 width:100%;

 height:110px;

 position:fixed;

 top:0;

 right:0;

 z-index:1;

 border-bottom:35px #E0EFF1 solid;

 }

.navs, a.navs{

 text-decoration:none;

 text-align:center;

 text-transform: uppercase;

 font-family:'Oswald', sans-serif;

 font-size:12px;

 color:#598182;

 height:20px;

 padding:10px 5px;

 display:inline-block;

 margin:0 0 5px 0;

 -webkit-transition-duration:0.2s;

 }

.navs:hover{

 text-shadow:-3px 3px 2px #B5B5B5;

 cursor:crosshair;

 }

a.h1{

 font-size:36px;

 font-family:'Oswald', sans-serif;

 text-transform:uppercase;

 color:#FFFFFF;

 display:inline-block;

  ;

 margin-top:40px;

 }

#posts{

 padding:10px;

 background:#FFFFFF;

 margin-bottom:10px;

 z-index:0;

 text-align:justify;

 }

#posts img{

 max-width:500px;

 margin:5px 0;

 -webkit-transition-duration:0.2s;

 }

#posts img:hover{

 filter:alpha(opacity=80);

 opacity:0.8;

 }

.navcontent{

 width:150px;

 margin:230px 10px 10px 10px;

 position:fixed;

 text-align:center;

 }

#main, #one, #two, #three, #four{

 height:250px;

 }

.ch-item {

 text-align:center;

  !important;

 width: 100%;

 height: 100%;

 border-radius: 50%;

 position: relative;

 cursor: default;

 box-shadow: 

  inset 0 0 0 16px rgba(255,255,255,0.6),

  0 1px 2px rgba(0,0,0,0.1);

  

 -webkit-transition: all 0.4s ease-in-out;

 -moz-transition: all 0.4s ease-in-out;

 -o-transition: all 0.4s ease-in-out;

 -ms-transition: all 0.4s ease-in-out;

 transition: all 0.4s ease-in-out;

}

.ch-img-1 { 

 background-image: url('http://i41.tinypic.com/c147b.jpg');

}

.ch-info {

 position: absolute;

 background: #FFFFFF;

 width: inherit;

 height: inherit;

 border-radius: 50%;

 opacity: 0;

 

 -webkit-transition: all 0.4s ease-in-out;

 -moz-transition: all 0.4s ease-in-out;

 -o-transition: all 0.4s ease-in-out;

 -ms-transition: all 0.4s ease-in-out;

 transition: all 0.4s ease-in-out;

 

 -webkit-transform: scale(0);

 -moz-transform: scale(0);

 -o-transform: scale(0);

 -ms-transform: scale(0);

 transform: scale(0);

 

 -webkit-backface-visibility: hidden;

 

}

.ch-info p {

 color: #FFF;

 margin: 25px;

 font-size: 11px;

 opacity: 0;

 -webkit-transition: all 1s ease-in-out 0.4s;

 -moz-transition: all 1s ease-in-out 0.4s;

 -o-transition: all 1s ease-in-out 0.4s;

 -ms-transition: all 1s ease-in-out 0.4s;

 transition: all 1s ease-in-out 0.4s;

}

.ch-info p a {

 display: block;

 color: #680148;

 font-style: normal;

 text-transform: uppercase;

 text-align:center;

 text-decoration:none;

 font-size: 11px;

 letter-spacing: 1px;

 padding-top: 4px;

 font-family: 'Oswald', Arial, sans-serif;

 -webkit-transition-duration:0.2s;

}

.ch-info p a:hover {

 text-shadow:-3px 3px 2px #B5B5B5;

 cursor:crosshair;

}

.ch-item:hover {

 box-shadow: 

  inset 0 0 0 1px rgba(255,255,255,0.1),

  0 1px 2px rgba(0,0,0,0.1);

}

.ch-item:hover .ch-info {

 margin-top:0px;

 -webkit-transform: scale(1);

 -moz-transform: scale(1);

 -o-transform: scale(1);

 -ms-transform: scale(1);

 transform: scale(1);

 opacity: 0.8;

}

.ch-item:hover .ch-info p {

 opacity: 1;

}

.ch-grid {

 margin-top:20px;

 padding: 0;

 list-style: none;

 display: block;

 text-align: center;

 width: 100%;

}

.ch-grid:after,

.ch-item:before {

 content: '';

 display: table;

}

.ch-grid:after {

 clear: both;

}

.ch-grid li {

 width: 150px;

 height: 150px;

 display: inline-block;

}

#main, #one, #two, #three, #navi, .exits{

 text-align:center;

 }

.past{

 color:#FFF;

 }

.date{

 background:#7DB4B5;

 font-size:10px;

}

.title{

 background:#6B9B9C;

 font-size:12px;

 margin-bottom:10px;

 }

.date, .title{

 padding:5px;

 font-family:'Oswald', Helvetica, Sans-serif;

 color:#FFFFFF;

 text-transform:uppercase;

 }

.title a{

 padding:0 5px;

 color:#FFF;

 }

.exits a, .past a{

 font-family:'Oswald', Helvetica, Sans-serif;

 text-transform:uppercase;

 color:#680148;

 }

#posts a:hover{

 text-shadow:-2px 2px 3px #B5B5B5;

 }

.creds{

 font-size:9px;

 letter-spacing:0;

 text-transform:uppercase;

 text-align:center;

 }

blockquote{

 padding:10px;

 background:#E0EFF1;

 }</style>

<script>//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")

function changeNavigation(id)

{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}

function newPopup(url) {popupWindow = window.open(  url,'popUpWindow','height=470,width=500,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')}

</script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script><script type="text/javascript">

$(function() {

    $(window).scroll(function() {

  if($(this).scrollTop() != 0) {

   $('#top').fadeIn();

  } else {

   $('#top').fadeOut();

  }

 });

 

 $('#top').click(function() {

  $('body,html').animate({scrollTop:0},800);

 });

});

</script>

<div id="topbanner">

&nbsp;</div>

<center>

<center>

<div id="navmain">

<div class="navcontent">

<!--EDIT HERE-->

<div id="main">

ทักทายกันโหน่ยยยย....<br />

<!-- you may or may not put your prologue here -->.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.</div>

<div id="one" style="display:none;">

<b>Hi there.</b> Insert your awesome profile here.</div>

<div id="two" style="display:none;">

Insert tagboard here. Width = 150px; height = 220px</div>

<div id="three" style="display:none;">

<div class="exits">

<a href="http://t-angledsanity.tumblr.com/" target="_blank">Annabeth</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Boggs</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Clare</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Draco</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Eragon</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Finnick</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Ginny</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Harry</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Ingrid</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Jason</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Katniss</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Leo</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Marina</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Nyssa</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Octavia</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Peeta</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Quigley</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Ron</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Sunny</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Thresh</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Umbridge</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Violet</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Wiress</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Xenophilius</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Yvonne</a> <a href="http://t-angledsanity.tumblr.com/" target="_blank">Zafrina</a></div>

</div>

<div id="four" style="display:none; text-align:left;">

<div class="past">

<bloggerpreviousitems>⇨ <a href="&lt;$BlogItemPermalinkURL$&gt;">&lt;$BlogPreviousItemTitle$&gt;</a></bloggerpreviousitems></div>

<br />

<select onchange="location.href=this.options[this.selectedIndex].value;" style="border:0; font-size:11px; letter-spacing:1px; text-align: center; color: #000000; background-color: #EEE; padding: 5px; width: 150px"><option value="">A little ways back.</option><option value="&lt;$BlogArchiveURL$&gt;">&nbsp;&nbsp;&nbsp;&lt;$BlogArchiveName$&gt;</option></select></div>

<center>

<div id="top">

⇡</div>

</center>

</div>

</div>

</center>

<div id="headercontainer">

<table border="0" cellpadding="0" cellspacing="0" style="margin-top:15px; margin-left:10px; position:fixed; ;" width="690">

<tbody>

<tr>

<td height="150" rowspan="2" valign="top" width="150">

<ul class="ch-grid">

<li>

<div class="ch-item ch-img-1">

<div class="ch-info">

<!--ADD NETWORKS HERE-->

<p>

<a href="/" target="_blank">add me</a> <a href="/" target="_blank">qmsg</a> <a href="/" target="_blank">writer</a> <a href="/" target="_blank">smsg</a> <a href="/" target="_blank">twitter</a></p>

<!--EDITING STOPS HERE--></div>

</div>

</li>

</ul>

</td>

<td height="80" width="540">

<center>

<a class="h1" href="/">let&#39;s talk to me!!.</a></center>

</td>

</tr>

<tr>

<td valign="top">

<div id="navi">

<olderposts><a class="navs" href="&lt;$OlderPosts$&gt;">⇦</a></olderposts>&nbsp;l am ..........................<newerposts><a class="navs" href="&lt;$NewerPosts$&gt;">⇨</a></newerposts></div>

</td>

</tr>

</tbody>

</table>

</div>

<div id="nnn">

<table border="0" cellpadding="0" cellspacing="10" style="width:500px; margin-left:170px;">

<tbody>

<tr>

<td height="30px">

&nbsp;</td>

</tr>

<tr>

<td valign="top">

<div style="height:120px;">

<br />

<br />

<br />

<br />

<br />

<br />

&nbsp;</div>

<blogger>

<div id="posts">

<div class="date">

&nbsp;</div>

<div class="title">

&nbsp;</div>

<div style="text-align: center;">

ใส่ข้อความลงไปซะนะ.....<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.</div>

</div>

</blogger>

<div class="creds">

&copy; Layout by <a href="http://blogskins.com/me/ohfudge1" target="_blank">yours truly</a>, with header-image effect by <a href="http://blogskins.com/me/chapters" target="_blank">Chap</a><a href="http://www.blogskins.com/info/394184" target="_blank">ters</a>. <a href="http://www.colourlovers.com/palette/132637/Odd_but_trendy" target="_blank" title="colours">01</a> <a href="http://www.google.com/fonts/specimen/Oswald" target="_blank" title="font">02</a> <a href="http://weheartit.com/entry/17090703" target="_blank" title="icon">03</a><br />

edit everything by&nbsp;<a href="http://my.dek-d.com/seo-yuri/" target="_blank">- naxquiz ◇</a></div>

</td>

</tr>

</tbody>

</table>

</div>

</center>

<style type="text/css">

.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}

.right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}</style>

<style name="namkhang" type="text/css">

body{

background:#fff!important;}</style>