นิยาย ❥ Maria' Free iD.Dream > ลำดับตอนที่ #12 : ❥ Maria' Free iD.Dream :: [XOXO] : Dek-D.com

ลำดับตอนที่ #12

❥ Maria' Free iD.Dream

ลำดับตอนที่ #12 : ❥ Maria' Free iD.Dream :: [XOXO]

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

0

22 มี.ค. 57

> Preview <

<html>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type='text/javascript' language='Javascript'>
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, 100]},
controlHTML: '<img src="http://i.imgur.com/yap6q.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:"Let's Fly High !"})
.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><br>
<center><img src="http://i.imgur.com/K7xKWts.jpg"></center></div><br>

<base target='_blank'/>
<title>Beautiful Black Pearl</title>

.sidebar {
padding-right:21px;
width: 250px;
font-size:11px;
text-align:left;
}
.title {
text-align: center;
font-size: 26px;
color: #585858;
font-family:lemoncanfly;
letter-spacing: 3px;
padding: 3px;
background:url(http://3.bp.blogspot.com/-8L3fYq_1buM/ToBJn4mNZJI/AAAAAAAABlc/Ny8PVjFTrR0/s1600/linepattern.png);
border-left:20px double #ccc;
border-right:20px double #ccc;
border-radius:3px;
font-weight:bold;
text-transform: ;
margin-top: 10px;
margin-bottom: 10px;
}
.title:first-letter { color:#FF748B; }

@font-face{font-family:lemoncanfly;src:url('http://static.tumblr.com/eq1rpir/A8nm517nt/lemons_can_fly.ttf')}

blockquote {
padding: 10px 10px 10px 26px;
border:1px dotted #dedede;
background-position:bottom right;
background-repeat:no-repeat;
background-image: url(http://media.tumblr.com/tumblr_m89hi1WLc61qdlkyg.gif);
}
h1 {margin-top:10px;
color: #ccc;
font-size:12px;
font-family:gochi hand;
text-align:center;
letter-spacing: 2px;
background:#eee;
line-height:2pt;
}
u {
text-decoration:none;
border-bottom: 1px solid #dedede;
-webkit-transition: 1s;
}
::-webkit-scrollbar {
width: 8px;
height: 10px;
background:#fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #efefef;
}
a.navi{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #000000;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi1{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #A2A1A3;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi1:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi2{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #000000;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi2:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}
a.navi3{
display:inline-block;
-webkit-transition:All 0.8s ease ;
-moz-transition:All 0.84s ease ;
-o-transition:All 0.8s ease ;
padding:5px;
width:60px;
text-decoration:none;
font-family:tahoma;
font-size:10px;
text-transform:uppercase;
color: #fff;
background: #A2A1A3;
text-align:center;
cursor:vertical-text;
opacity: 0.4;
}
a.navi3:hover{
background: #ccc;
letter-spacing: 3px;
background-position:50% 30%;
background-size:80px;
letter-spacing:3px;
color: #fff;
border-bottom:0px;
-webkit-transition:All 1.5s ease;
-moz-transition:All 1.5s ease;
-o-transition:All 1.5s ease;
box-shadow:inset 0 50px 8px #fff;
}

.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: tahoma;
line-height: 10px
font-size: 11px;
background:url(http://1.bp.blogspot.com/-qRsVaSL7Tvw/T6ZmABvcmYI/AAAAAAAAGC0/fcwt2f5GJLA/s200/grey.JPG);
}

#t3 {
text-transform: ;
background:url(http://i.imgur.com/r9lmj.png);
font: 9px 'trebuchet ms';
text-transform:uppercase;
padding: 2px;  
text-align:center;
letter-spacing:5px;
font-style:bold; 
border: 1px solid #D1D1D0;
margin-top: 10px;
margin-bottom: 10px;
}
h2 {text-align: right; font: 11px 'trebuchet ms'; line-height: 120%; background-image: -webkit-linear-gradient(right, #FFF, #e2e0e0, #e2e0e0, #FFF);}
.h2{background: #fff; padding: 6px} 
</style>

<a class="navi" onClick="document.getElementById('blog').innerHTML=document.getElementById('entry').innerHTML">STORIES</a>
<a class="navi1" onClick="document.getElementById('blog').innerHTML=document.getElementById('profile').innerHTML">PROFILE</a>
<a class="navi2" onClick="document.getElementById('blog').innerHTML=document.getElementById('link').innerHTML">LINKS</a>
<a class="navi3" onClick="document.getElementById('blog').innerHTML=document.getElementById('stuff').innerHTML">STUFFS</a>
<a class="navi" href="URL">FACEBOOK</a>
<a class="navi1" href="URL">TWITTER</a>
<a class="navi2" href="<$NewerPosts$>">NEWER</a>
<a class="navi3" href="<$OlderPosts$>">OLDER</a>
<a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">+FOLLOW</a>
<a class="navi1" href="http://www.blogger.com/home">HOME</a></div></div></div>

</style>
<center>
<div style="background-image:url(http://i.imgur.com/pJDXkKr.png);
width:910px;border-radius: 0px 0px 0px 0px;
padding:10px;margin-top:15px;margin-bottom:15px;">
<center>

<td valign="top"><div class="sidebar">
<div id="t3">XOXO SPEECH</div><h1>Hello</h1>
<br><center>
Hello, Im from EXO Planet :)<br>

<div id="t3">XOXO TALK</div><h1>something</h1>
<center>{PUT YOUR OWN CBOX}</center>

<div id="t3">XOXO STUFFS</div><h1>something</h1>
<center><div style="border:1px solid #efefef;background:#fff; width:188px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:100px;text-align:left; ">
<bloggerpreviousitems>
<li><a  href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$></li>
</a>
</BloggerPreviousItems>
</div>

<div id="t3">XOXO CASHIER</div><h1>something</h1>
<!----DO NOT REMOVE THE CREDITS OR YOU WILL BE SHAME---!>

<center>This template made by <a href="http://mrsbaekhunhan.blogspot.com">MrsBaekHunHan</a>|<a href="http://blogskin.com/OhHana_">Oh Hana</a>and the tutorials by <a href="http://nurulatiqahjaidin.blogspot.com/">Atiqah</a> I am the owner, <a href="">Your Name</a><br>
Best Views :<a href="https://www.google.com.my/">E</a> <a href="http://weheartit.com/"> X</a> <a href="http://www.tumblr.com/"> O</a>

<!----DO NOT REMOVE THE CREDITS OR YOU WILL BE SHAME---!>

<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<$blogitembody$><br>
<h2><span class="h2">
<span style="text-transform: uppercase">
<div class="sidefooter">Written by me at <$BlogItemDateTime$> | <b style="color: #ffb3c4; text-align: -webkit-center;"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></b> XOXO{s}</a></BlogItemCommentsEnabled></div></span></h2>
</blogger>
</div>
</td>

<div id="profile" style="display:none;">
<div class="title">XOXO Girl</div>
<div style"><h1>Kiss and Hug</h1></div><br><br>
{PUT YOUR OWN BIOGRAPHY}
</div>

<div id="link" style="display:none;">
<div class="title">Exchange Links</div>
<div style"><h1>It's surely my baby</h1></div>
<center>{PUT YOUR OWN LINKIES}</center>
</div>

<div id="stuff" style="display:none;">
<div class="title">Stuff ?</div>
<div style"><h1>The tutorial and the freebies.</h1></div>
<center>{PUT YOUR OWN STUFFS}</center>
</div>

<div id="entry" style="display:none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><$blogitembody$><br>
<h2><span class="h2">
<span style="text-transform: uppercase">
<div class="sidefooter">Written by me at <$BlogItemDateTime$> | <b style="color: #ffb3c4; text-align: right;"> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$></b> XOXO{s}</a></BlogItemCommentsEnabled></div>
</blogger>
</table>
</body></html>

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

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

ลำดับตอนที่ #12 : ❥ Maria' Free iD.Dream :: [XOXO]

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

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

ความคิดเห็น

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

ลำดับตอนที่ #12 : ❥ Maria' Free iD.Dream :: [XOXO]

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

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

ความคิดเห็น