นิยาย Toffee Code Id Dream [CLOSE] > ลำดับตอนที่ #64 : Moment In Time : Dek-D.com

Toffee Code Id Dream [CLOSE]

ลำดับตอนที่ #64 : Moment In Time

เนื้อหาตอนนี้เปิดให้อ่าน
234

0

16 เม.ย. 55

naru br />

Moment In Time

<html>

<head>

<title>A Moment in Time</title>

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>

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="http://i1110.photobucket.com/albums/h453/my-little-corner/fly.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:'Fly To The Sky'})

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

</head>

#navbar-iframe {display: none;}

body{

background: url('http://i1110.photobucket.com/albums/h453/my-little-corner/woodbg.png');

background-attachment:fixed;

font-family: century gothic;

font-size: 12px;

cursor: url(http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/07.gif), auto;

}

::-webkit-scrollbar {

height:3px;

width: 10px;

background: #FFFFFF;

}

::-webkit-scrollbar-thumb {

background-color: #FAAFBE;

-moz-border-radius: 10px;

border-radius: 10px;

}

::selection {

color: #F03;

}

::-moz-selection {

color: #F03;

}

a:link, a:visited {

color: #F66;

text-decoration:none;

}

a:hover {

color: #F03;

border-bottom: dashed 1px #F66;

cursor: url("http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/07.gif"), process;

}

#container {

width: 890px;

border-top-width: 1px;

border-right-width: 1px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

border-bottom-width: 1px;

border-left-width: 1px;

}

.sidebar{

background-color: white;

width: 230px;

border-radius: 10px;

float: right;

padding: 10px;

padding-top: 8px;

margin-bottom: 15px;

}

.content {

background-color: white;

width: 580px;

margin-left: 20px;

float: left;

border-radius: 10px;

padding: 14px;

padding-top: 8px;

margin-bottom: 15px;

}

.title {

background-color: #f92552;

color: #FDEEF4;

font-size: 16px;

display: block;

padding: 2px;

border-radius: 8px;

font-family: Crafty Girls;

margin-bottom: 5px;

text-align: center;

}

.comment {

text-align: left;

color: #666;

margin-bottom: 2em;

}

img {

padding: 10px;

filter:alpha(opacity=100); opacity:1.0; -webkit-transition: 0.5s;

}

img:hover {

filter:alpha(opacity=80); opacity:.8; -webkit-transition: 0.5s;

}

.tr-caption-container {

border: none;

padding: 0;

font-size: 11px;

}

.header {

display: block;

margin-left: auto;

margin-right: auto;

-webkit-transition: 1.0s;

}

.header:hover {

-webkit-transition: 1.0s; opacity: 0.0;

}

a.nav{

background-color: #f33;

color: #FDEEF4;

text-decoration: none;

text-align: center;

display: block;

width: 100px;

margin: 5px;

padding: 1px;

border-radius: 5px;

margin-bottom: 2px;

}

a.nav:hover {

background-color: #fff;

color: #f33;

border: dashed 1px #F33;

padding: 0px;

border-top-right-radius : 10px;

border-bottom-left-radius: 10px;

}

blockquote {

background: url('http://i1110.photobucket.com/albums/h453/my-little-corner/4.gif');

border: dotted 1px #F03;

padding: 5px;

margin: 10px;

border-top-right-radius : 10px;

border-bottom-left-radius: 10px;

color: #666;

-webkit-transition: 0.5s;

}

blockquote:hover {

border: dotted 1px #666;

-webkit-transition: 0.5s;

}

u {

border-bottom: 1px dotted #666;

color: #f66;

text-decoration: none;

border-radius: 5px;

-moz-border-radius: 5px;

-webkit-transition: 0.5s;

}

u:hover {

border-bottom: 1px dotted #F33;

color: #666;

-webkit-transition: 0.5s;

}

b, i {

color: #F33;

}

</style>

<body>

<div class="comment"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> love drops</a></BlogItemCommentsEnabled></div>

<$BlogItemBody$><br>

<div style="text-align:right; color: #666;"><em>Hearts, <$BlogItemAuthorNickname$></em></div><br>

</Blogger>

<center><OlderPosts><a href=<$OlderPosts$>> Past </a> </OlderPosts> <NewerPosts> / <a href=<$NewerPosts$>> Future </a></NewerPosts></center><br>

</div></div>

<div class="title">♔All About Me♔</div>

<center><a href="http://www.blogger.com/home">Dashboard</a> |

<a href="http://www.blogger.com/follow-blog.g?blogID=YourOwnBlogID">+Follow</a>

Just some basic info about yourself here. Example, your name, age, n etc.:)

<br>

<a class="nav" style="float: left" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">Entry</a>

<a class="nav" style="float: right" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">Owner</a>

<a class="nav" style="float: left" onClick="document.getElementById('blog').innerHTML=document.getElementById('shout').innerHTML">Shout</a>

<a class="nav" style="float: right" onClick="document.getElementById('blog').innerHTML=document.getElementById('others').innerHTML">Others</a>

<p>

<div class="title">♔Music to my ear♔</div></p>

<marquee>Music title by who</marquee>

//Paste your music box here (width less than 230px and height 25px)

</center>

<div class="title">♔Thank you♔</div>

Design & Coding : <a href="http://mybitter-sweetworld.blogspot.com">Ivy</a><br>

Image : <a href="http://www.tumblr.com/">Miss Tumblr</a> /

</div>

<$BlogItemBody$><br>

<div style="text-align:right; color: #666;"><em>Hearts By, <$BlogItemAuthorNickname$></em></div><br>

</Blogger>

<center><OlderPosts><a href=<$OlderPosts$>> Past </a> </OlderPosts> <NewerPosts> / <a href=<$NewerPosts$>> Future </a></NewerPosts></center><br>

</div>

<div class="title">♔Owner of these moments♔</div>

</center><br>

Name : <u>Ivy Wong Lye Kwan</u><br>

Age : <u>8teen</u><br>

Birthdate : <u>16 August 19xx</u><br>

Nationality : <u>Malaysian</u><br>

Current study place : <u>Singapore Polytechnic</u><br>

Language : <u>English, Malay, Cantonese, Mandarin</u><br><br>

<b>Likes :</b><br>

~Chocolates<br>

~Making new friends<br>

~Comedy movies<br>

~Romantic movies but not <u>18sx</u><br>

~Edit blog<br>

~<u>Running Man</u><br>

~Novels<br>

~<u>Comics</u><br><br>

<b>Dislikes :</b><br>

~Vegetables<br>

~Horror movies<br>

~Backstabbers<br>

~Being <u>left out</u><br>

</div>

<div class="title">♔Leave your footsteps here♔</div>

Please leave your kind words here :)<br>

No rude words / spamming are allowed.</center><br>

//PASTE YOUR SHOUTBOX CODE HERE (width: 520px and height up to you)

</div>

<div class="title">♔Other stuffs♔</div>

</center><br>

You can put anything here, up to you. <br>

<blockquote>Buddies</blockquote>

<center><a href="http://mybitter-sweetworld.blogspot.com">Ivy</a> /

<a href="URL">Links</a> /

<a href="URL">Links</a></center><br>

<blockquote>Past Moments</blockquote>

Calendar.base="YourOwnBlogURL";

Calendar.timeZone="+08:00";

Calendar.timeZoneCheck = true;

Calendar.drawTable();

</script>

<style>

#blogCalendar {

display:block;

text-algin:center;

border:1px dotted #F6358A;

width:90%;

background: #ffffff;

}

#CalendarCaption a {

text-decoration:none;

}

#CalendarCaption {

border-bottom: 2px solid #F6358A;

width:85%;

margin:auto;

}

#CalendarTable a {

font-weight:bold;

color: #F6358A;

}

.Today {

background: #F6358A;

font-weight:bold;

text-decoration:none;

}

#CalendarFooter {

font-weight:bold;

margin-top:5px;

margin-bottom:5px;

background: #FFC0CB;

}

.yearInput {

color: #000000;

background: #F6358A;

}

.monthTable {

color: #000000;

background: #F6358A;

}

</style></center>

</div></div>

</body>

</html>

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #64 : Moment In Time

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #64 : Moment In Time

นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

อีบุ๊ก ดูทั้งหมด

ความคิดเห็น