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

Toffee Code Id Dream [CLOSE]

ลำดับตอนที่ #63 : Beutiful Target

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

0

16 เม.ย. 55

`★APPLEPIE.

Beutiful Target

<html>

<head>

<title>Beautiful Target</title>

<!--------------------------------------

Blogger Classic Template

Name: Beautiful Target

Designer: Syahirah Vazquez

URL: beautifulsyahirah.blogspot.com

*Do not remove this*

*Do not ripping*

--------------------------------------!>

#navbar-iframe {

display: none;

}

::-webkit-scrollbar {

height: 8px;

width: 8px;

background-color: #FFFFFF;

}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {

background: url(http://1.bp.blogspot.com/-xFFo6sATRvE/TsvYlSjnijI/AAAAAAAAAPM/9yWHEtg3Zps/s1600/backgroundgray.png);

-moz-border-radius: 12px;

border-radius: 12px;

}

.beauty {

margin-top: 10px;

margin-left: 0px;

-webkit-transition: 2s;

}

.beauty:hover {

-webkit-transform: rotatey(180deg);;

-webkit-transition-duration: 2s;

}

body {

background: url(http://1.bp.blogspot.com/-xFFo6sATRvE/TsvYlSjnijI/AAAAAAAAAPM/9yWHEtg3Zps/s1600/backgroundgray.png);

font-family: trebuchet ms;

background-attachment: fixed;

cursor: url(http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/dollribbon3.png), auto;

}

.content {

background: #ffffff;

color: #000000;

font-size: 11px;

padding: 20px;

border-radius: 20px;

}

a:link, a:visited {

color: #FA58AC;

text-decoration: none;

-webkit-transition: 1s;

cursor: url(http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/dollribbon3.png), auto;

}

a:hover {

color: #000;

border-bottom: 1px dashed #FA58AC;

-webkit-transition: 1s;

}

.sidebar {

padding: 5px;

border-radius: 10px;

background: #ffffff;

}

.sidebar2 {

padding: 5px;

border-radius: 10px;

background: transparent;

}

.h1 {

background: #F2F2F2;

border-left: 20px solid #FA58AC;

border-right: 20px solid #FA58AC;

font-family: century gothic;

text-align: center;

color: #000;

font-size: 15px;

padding-bottom: 3px;

margin-bottom: 1px;

-webkit-transition-duration: 1.0s;

border-bottom-left-radius: 3px;

border-top-left-radius: 3px;

border-bottom-right-radius: 3px;

border-top-right-radius: 3px;

}

.h1:hover {

border-right: 80px solid #FA58AC;

border-left: 0px solid #FA58AC;

-webkit-transition-duration: 1.0s;

}

.h2 {

color: #000;

font-size: 11px;

font-style:italic;

margin-bottom: 2em;

text-align: center;

}

blockquote {

border: 1px dashed #000;

border-radius: 10px;

background-repeat: repeat;

background-image: url(http://1.bp.blogspot.com/-xFFo6sATRvE/TsvYlSjnijI/AAAAAAAAAPM/9yWHEtg3Zps/s1600/backgroundgray.png);

padding: 3px;

}

a.navi {

background: transparent;

padding: 4px;

letter-spacing: 2px;

color: #000000;

font-family: century gothic;

-webkit-transition: 1.5s;

}

a.navi:hover {

color: #FA58AC;

-webkit-transition: 1.5s;

padding: 4px;

}

#beautiful {

border-radius: 7px;

margin-bottom: 7px;

width: 210px;

text-align: center;

font-size: 10px;

background: #fff;

border: 1px dashed #eee;

}

#target {

position: fixed;

left: 20px;

top: -70px;

text-align: center;

-webkit-transition: all .5s ease-in-out;

-moz-transition: all .5s ease-in-out;

-o-transition: all .5s ease-in-out;

;

}

#target: hover {

top: 8px;

}

img.icons{

width: 50px;

float: right;

}

u {

text-decoration: none;

border-bottom: 2px solid #F5A9D0;

padding: 2px;

}

u:hover {

background: #F2F2F2;

color: #000000;

border-bottom: 2px solid #F5A9D0;

-webkit-transition: 0.9s;

}

b {

color: #6E6E6E;

}

</style>

<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('stuff').innerHTML" title="Stuff">Beautiful</a><b>|</b>

<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('post').innerHTML" title="Entry">Target</a>

</div></center>

<br>

<div class="h1">Disclaimer Notes</div><br>

<center>Hello and welcome to Beautiful Target. Enjoy!</center><br>

<center>*Replace with your own words. Make it short and simple*</center><br>

<a href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID"target="_blank" title="Be a Follower">Follow</a> • <a href="http://www.blogger.com/home"target="_blank" title="Back to Dashboard">Dashboard</a></center>

</div>

Re-edit: <a href="http://www.blogger.com/">Your blog</a><br>

<!----- WARNING! DO NOT REMOVE THE CREDITS -----!>

Skin: <a href="http://beautifulsyahirah.blogspot.com/">Syahirah</a> <a href="http://www.blogskins.com/me/syahirahvazquez/">Vazquez</a><br>

Basecodes: <a href="http://ekaiseqa.blogspot.com/">&hearts;</a> <a href="http://meetweirdo.blogspot.com/">&hearts;</a><br>

Other: <a href="http://nurhafizahpija.blogspot.com/">BG</a> & <a href="http://heremybelog.blogspot.com/">Cursor</a><br>

<!----- WARNING! DO NOT REMOVE THE CREDITS -----!></div>

</td>

<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>

<$blogitembody$><br><br></blogger><br><br>

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

</div>

<div class="h1">The Owner</div><br>

<center>Hello strangers and stalkers! I'm owner of this blog. *Replace this with yours :)*</center><br>

<center><a href="http://www.facebook.com/">Facebook</a> | <a href="http://www.twitter.com/">Twitter</a> | <a href="http://www.blogskins.com/">Blogskins</a>

</div>

<div class="h1">Affies and Linkies</div><br>

<center><a href="http://www.blogger.com/">FRIENDS</a> | <a href="http://www.blogger.com/">FRIENDS</a> | <a href="http://www.blogger.com/">FRIENDS</a> | <a href="http://www.blogger.com/">FRIENDS</a> | <a href="http://www.blogger.com/">FRIENDS</a> | <a href="http://www.blogger.com/">FRIENDS</a><br>

<br>

<div class="h1">Tagboard</div><br>

<center>*Your CBOX codes here :)*</center>

</div>

<div class="h1">Tutorials and Freebies</div><br>

<b><u>Tutorials ;</u></b><br>

<br>

<a href="http://www.blogger.com/">TUTORIAL</a><br>

<br><b><u>Freebies ;</u></b><br>

<br>

<a href="http://www.blogger.com/">FREEBIES</a><br>

<br><center>*You can put anything here. Tuto, freebies, etc :)*</center>

</div>

<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>

<$blogitembody$></blogger><br>

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

</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, 100]},

controlHTML: '<img src="http://i984.photobucket.com/albums/ae328/tatidow/topbutton.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:'url(http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/dollribbon3.png)'})

.attr({title:"Fly to Top !"})

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

var arr = document.getElementsByTagName("a"); //get all links in the page

for(var i = 0; i < arr.length; i++)

{

if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog

&& arr[i].href.indexOf("javascript:") < 0) //not javascript links

arr[i].target = "_blank";

}

</script>

<center>//Beautiful Target by B1A4</center><br>

</div></div>

</td>

</table>

</body>

</head>

</html>

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

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

ลำดับตอนที่ #63 : Beutiful Target

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

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

ความคิดเห็น

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

ลำดับตอนที่ #63 : Beutiful Target

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

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

ความคิดเห็น