นิยาย &YOU ✿ iD DREAM ' > ลำดับตอนที่ #3 : &YOU

ลำดับตอนที่ #3 : &YOU | BLOGSKINS.002

อัปเดตล่าสุด 19 พ.ค. 59

&YOU | BLOGSKINS.002

ต้นฉบับ [ 26: In Contrast ] | preview

<html> <head> <title> ★ </title> <link rel="stylesheet" type="text/css" href="dddropdownpanel.css" /> <script type="text/javascript" src="dddropdownpanel.js"> /*********************************************** * DD Drop Down Panel- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ </script> <script> function ddpanel(setting) {setting.dir="up" //initial state of panel (up="contracted") if (setting.stateconfig.persiststate && ddpanel.getCookie(setting.ids[0])=="down"){ setting.dir="down"} if (setting.dir=="up"){ //if "up", output CSS to hide panel contents + 'px; overflow:hidden}\n') } setting.stateconfig.initial=parseInt(setting.stateconfig.initial) this.setting=setting if (setting.pointerimage.enabled){ //preload images var img1=new Image(), img2=new Image() img1.src=setting.pointerimage.src[0] img2.src=setting.pointerimage.src[1]} var thispanel=this if (window.addEventListener) //if non IE browsers, initialize panel window.onload ddpanel.addEvent(window, function(e){thispanel.initpanel(setting)}, "load") else //else if IE, add 100 millisec after window.onload before initializing ddpanel.addEvent(window, function(e){setTimeout(function(){thispanel.initpanel(setting)}, 100)}, "load") ddpanel.addEvent(window, function(e){thispanel.uninit(setting)}, "unload")} ddpanel.events_array=[] //object array to contain events created by script ddpanel.addEvent=function(target, functionref, tasktype) {var evtmodel=target.addEventListener? "w3c" : "ie" var evtaction=evtmodel=="w3c"? "addEventListener" : "attachEvent" var i=this.events_array.push({ //store event info in ddpanel.events_array[] and return current event's index within array target: target, tasktype: (evtmodel=="ie"? "on" : "")+tasktype, listener: evtmodel=="ie"? function(){return functionref.call(target, window.event)} : functionref })-1 target[evtaction](this.events_array[i].tasktype, this.events_array[i].listener, evtmodel=="w3c"? false : null)} ddpanel Event=function(target, functionref, tasktype) {var evtmodel=target EventListener? "w3c" : "ie" var evtaction=evtmodel=="w3c"? "removeEventListener" : "detachEvent" target[evtaction](tasktype, functionref, evtmodel=="w3c"? false : null)} ddpanel.getCookie=function(Name) {var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null} ddpanel.setCookie=function(name, value){document.cookie = name+"=" + value + ";path=/"} ddpanel.addpointer=function(target, className, imagesrc) {var pointer=document.createElement("img") pointer.src=imagesrc pointer.className=className pointer.style.borderWidth=0 target.appendChild(pointer) return pointer} ddpanel.prototype={ togglepanel:function(dir){ //public function that toggles the panel's state. Optional dir parameter ("up" or "down") to explicitly set state. var setting=this.setting setting.dir=dir || ((setting.dir=="up")? "down" : "up") var pcontent=setting.pcontent, dir=setting.dir pcontent._currentheight=(dir=="down")? pcontent._actualheight : setting.stateconfig.initial pcontent.style.height=pcontent._currentheight+"px" if (setting.pointerimage.enabled){ setting.arrow.src=setting.pointerimage.src[(setting.dir=="down")? 1 : 0] setting.arrow.style.visibility="visible"} ddpanel.setCookie(setting.ids[0], setting.dir)}, togglepanelplus:function(dir){ //public function that toggles the panel's state w/ animation. Optional dir parameter ("up" or "down") to explicitly set state. var setting=this.setting setting.dir=dir || ((setting.dir=="up")? "down" : "up") if (setting.pointerimage.enabled) setting.arrow.style.visibility="hidden" clearTimeout(setting.revealtimer) this.revealcontent()}, revealcontent:function() {var setting=this.setting var pcontent=setting.pcontent, curH=pcontent._currentheight, maxH=pcontent._actualheight, minH=setting.stateconfig.initial, steps=setting.animate.steps, dir=setting.dir if (dir=="down" && curH<maxH || dir=="up" && curH>minH){ var newH = curH + (Math.round((maxH-curH)/steps)+1) * (dir=="up"? -1 : 1) newH=(dir=="down")? Math.min(maxH, newH) : Math.max(minH, newH) pcontent.style.height=newH+"px" pcontent._currentheight=newH} else{if (setting.pointerimage.enabled) {setting.arrow.src=setting.pointerimage.src[(setting.dir=="down")? 1 : 0] setting.arrow.style.visibility="visible"} return} var thispanel=this setting.revealtimer=setTimeout(function(){thispanel.revealcontent()}, 10)}, initpanel:function() {var setting=this.setting var pcontainer=setting.pcontainer=document.getElementById(setting.ids[0]) var pcontent=setting.pcontent=document.getElementById(setting.ids[1]) var tdiv=setting.tdiv=document.getElementById(setting.ids[2]) pcontent.style.overflow="scroll" pcontent._actualheight=pcontent.scrollHeight setTimeout(function(){pcontent._actualheight=pcontent.scrollHeight}, 100) pcontent.style.overflow="hidden" pcontent._currentheight=(setting.dir=="down")? pcontent._actualheight : setting.stateconfig.initial var thispanel=this ddpanel.addEvent(tdiv, function(e){ //assign click behavior when toggle DIV tab is clicked on if (setting.animate.enabled) thispanel.togglepanelplus() else thispanel.togglepanel() if (e.preventDefault) e.preventDefault() return false}, "click") if (setting.pointerimage.enabled) {var pointer1=new Image(), pointer2=new Image() pointer1.src=setting.pointerimage.src[0] pointer2.src=setting.pointerimage.src[1] setting.arrow=ddpanel.addpointer(tdiv.getElementsByTagName("span")[0], "pointerimage", setting.pointerimage.src[setting.dir=="down"? 1:0])} if (setting.closepanelonclick.enabled){ //assign click behavior when panel content is clicked on (links within panel or elements with class "closepanel" ddpanel.addEvent(pcontent, function(e) {var target=e.srcElement || e.target if (/(^|\s+)closepanel($|\s+)/.test(target.className) || target.tagName=="A" || (target.parentNode && target.parentNode.tagName=="A")) {thispanel.togglepanel("up")} }, "click")}}, uninit:function() {var setting=this.setting if (setting.stateconfig.persiststate){ ddpanel.setCookie(setting.ids[0], setting.dir)} for (prop in setting){setting[prop]=null}} } //end of ddpanel object //initialize instance of DD Drop Down Panel: var defaultpanel=new ddpanel({ ids: ["mypanel", "mypanelcontent", "mypaneltab"], // id of main panel DIV, content DIV, and tab DIV stateconfig: {initial: "5px", persiststate: true}, // initial: initial reveal amount in pixels (ie: 5px) animate: {enabled: true, steps: 5}, //steps: number of animation steps. Int between 1-20. Smaller=faster. pointerimage: {enabled: true, src: ["http://i51.tinypic.com/15xv9dd.jpg", "http://i53.tinypic.com/9rjg4w.jpg"]}, closepanelonclick: {enabled: true} // close panel when links or elements with CSS class="closepanel" within container is clicked on? }) </script> <style> #navbar-iframe{display:none;} ::selection{color:white; background:#BDBDBD;} a{font-weight:none; text-decoration:none; color:#424242;} a:hover{font-weight:none; text-decoration:none; color:#848484;} a.escape{font-weight:none;text-decoration:none; display:block; color:#1C1C1C; background-color:#FCFCFC; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:2;} a.escape:hover{font-weight:none; text-decoration:none; color:#848484; background-color:white; border-top:1px solid #e4e4e4; border-left:1px solid #e5e5e5; border-right:none; border-bottom:none;} a.prof{font-weight:none; text-decoration:none; font-family:courier new; color:#BDBDBD;} a.prof:hover{font-weight:none; text-decoration:none; color:#585858;} body{background:url(http://i43.tinypic.com/261np82.jpg) fixed repeat; font-family:arial; font-size:8pt; color:black;} table{font-family:arial; font-size:8pt; color:black;} #blogt1{font-family:georgia; font-size:15pt; color:#821122; text-transform:lowercase; border-bottom:2px dashed #2e2e2e; line-height:80%; letter-spacing:-2pt;} #blogt2{font-family:georgia; font-size:15pt; color:#C59A6F; text-transform:lowercase; border-bottom:2px dashed #2e2e2e; line-height:80%; letter-spacing:-2pt;} #sideblogt{font-family:georgia; font-size:15pt; color:#821122; text-transform:lowercase; border-bottom:2px dashed #f2f2f2; line-height:80%; letter-spacing:-2pt;} #date{font-family:georgia; font-size:15pt; color:#C59A6F; text-transform:lowercase; border-bottom:2px dashed #f2f2f2; line-height:80%; letter-spacing:-2pt;} #head{font-family:georgia; font-size:10pt; color:#585858; text-transform:lowercase; border-bottom:2px dashed #f2f2f2; line-height:80%; letter-spacing:6pt;} #panel{color:white;} #time{font-family:georgia; font-size:9pt; color:#f2f2f2; text-transform:lowercase; background-image:url(http://i43.tinypic.com/261np82.jpg); text-align:center; letter-spacing:-1pt;} #time:hover{color:#CDA884;} #myname{font-family:arial; font-size:20pt; color:#585858; letter-spacing:-2pt; line-height:80%;} #creds{background:black; color:#e4e4e4; width:730px; text-align:left; padding:5;} #header{font-family:georgia; font-size:20pt; letter-spacing:3pt; text-align:right; width:730px;} #header2{font-family:georgia; font-size:12pt; letter-spacing:4pt; text-align:right; width:730px; background:black; color:white; padding-right:10;} blockquote{padding:10px; background-image:url(http://i43.tinypic.com/261np82.jpg); background-repeat:repeat; border-left:10px solid #585858;} blockquote:hover{border-left:10px solid #C59A6F;} .ddpanel .ddpanelcontent{color:white; font-size:9pt; background:url(http://i41.tinypic.com/2h4l5wn.jpg) fixed repeat; background-position:center;} .ddpanel .ddpaneltab{margin-right:20px; font:10pt normal arial;} .ddpanel .ddpaneltab a{float:right; background:black; -webkit-border-bottom-right-radius:5; -webkit-border-bottom-left-radius:5; -moz-border-radius:0 0 5 5;} .ddpanel .ddpaneltab a span{float:left; display:block; background:transparent; padding:1 12 4 13; cursor:help;} .ddpanel .ddpaneltab a span img.pointerimage{margin-top:2px; margin-left:5px;} .ddpanel .ddpaneltab a:hover{padding-top:8;} .ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{outline:0;} .ddpanel .ddpaneltab a:hover span{background-color:;} </style> </head> <body> <div id="mypanel" class="ddpanel"> <div id="mypanelcontent" class="ddpanelcontent"> <p style="padding:10;"> <table width="730" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="530" valign="top" style="border-right:1px solid #1C1C1C; padding-right:5;"> <div id="blogt1">Profile</div><br> <div id="panel"> <img src="http://i45.tinypic.com/2pzd2e8.jpg" align="left" style="padding-right:5px;"> <span id="myname">YOURNAME</span><br> My name's Harry Potter and I attended Hogwarts when I was young.<br> I love riding on brooms and going <i>swish</i>! in the midair. Life has always been a huge roller coaster ride for me and now I'm really getting tired of it. I just wanna put everything down and let go. <br> <div align="right"> <a class="prof" href="mailto:YOUEMAILHERE"title="Email">one</a> <a class="prof" href="http://YOURFACEBOOKLINK"title="Facebook">two</a> <a class="prof" href="http://YOURBLOGSKINLINK"title="Blogskins">three</a> <br></div> </div></td> <td width="210" valign="top" style="border-left:1px solid #1C1C1C; padding-left:5;"> <div id="blogt2">Music</div><br> <div id="panel"> <center> Your music code here! =) <center> </div> </td> </tr> </table> </p> </div> <div id="mypaneltab" class="ddpaneltab"> <a href="#"><span></span></a> </div> </div> <div align="center"> <div id="header">This innocence is brilliant</div> <div id="header2">please don't go away</div> </div> <table width="750" align="center" cellpadding="0" cellspacing="5"> <tr> <td width="550" valign="top" style="background:white; padding:10;"> <Blogger> <div id="date"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader></div> <div id="head"><$BlogItemTitle$></div><br> <$BlogItemBody$> <div id="time"><$BlogItemDateTime$></div> <br> </Blogger> </td> <td width="200" valign="top" style="background:white; padding:10;"> <div id="sideblogt">Tagbox</div><br> Your tagbox code here =) For perfection, width should be about 190px or so. <br> <br> <div id="sideblogt">Affiliates</div><br> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <a class="escape" href="http://www.blogger.com">Friend</a> <br> </td> </tr> </table> <div align="center"> <div id="creds"> Layout by <a href="http://www.curvingends.blogspot.com">16th</a><a href="http://www.blogskins.com/me/16thday">day</a><br> Resources <a href="http://www.dynamicdrive.com/"title="DDPanel">One</a> <a href="http://fivepointsapart.blogspot.com"title="Backgrounds">Two</a> <a href="http://html-color-codes.info/"title="Colors">Three</a><br> </div> <br><br> </body> </html>

แก้ไข | preview

/***********************************************
* DD Drop Down Panel- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script><script>
function ddpanel(setting)
{setting.dir="up" //initial state of panel (up="contracted")
if (setting.stateconfig.persiststate && ddpanel.getCookie(setting.ids[0])=="down"){
setting.dir="down"}

if (setting.dir=="up"){ //if "up", output CSS to hide panel contents

+ 'px; overflow:hidden}\n')
}

setting.stateconfig.initial=parseInt(setting.stateconfig.initial)
this.setting=setting

if (setting.pointerimage.enabled){ //preload images
var img1=new Image(), img2=new Image()
img1.src=setting.pointerimage.src[0]
img2.src=setting.pointerimage.src[1]}
 
var thispanel=this
if (window.addEventListener) //if non IE browsers, initialize panel window.onload
ddpanel.addEvent(window, function(e){thispanel.initpanel(setting)}, "load")
else //else if IE, add 100 millisec after window.onload before initializing
ddpanel.addEvent(window, function(e){setTimeout(function(){thispanel.initpanel(setting)}, 100)}, "load")
ddpanel.addEvent(window, function(e){thispanel.uninit(setting)}, "unload")}

ddpanel.events_array=[] //object array to contain events created by script

ddpanel.addEvent=function(target, functionref, tasktype)
{var evtmodel=target.addEventListener? "w3c" : "ie"
var evtaction=evtmodel=="w3c"? "addEventListener" : "attachEvent"
var i=this.events_array.push({ //store event info in ddpanel.events_array[] and return current event's index within array
target: target,
tasktype: (evtmodel=="ie"? "on" : "")+tasktype,
listener: evtmodel=="ie"? function(){return functionref.call(target, window.event)} : functionref
})-1

target[evtaction](this.events_array[i].tasktype, this.events_array[i].listener, evtmodel=="w3c"? false : null)}

ddpanel Event=function(target, functionref, tasktype)
{var evtmodel=target EventListener? "w3c" : "ie"
var evtaction=evtmodel=="w3c"? "removeEventListener" : "detachEvent"
target[evtaction](tasktype, functionref, evtmodel=="w3c"? false : null)}

ddpanel.getCookie=function(Name)
{var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
return null}

ddpanel.setCookie=function(name, value){document.cookie = name+"=" + value + ";path=/"}

ddpanel.addpointer=function(target, className, imagesrc)
{var pointer=document.createElement("img")
pointer.src=imagesrc
pointer.className=className
pointer.style.borderWidth=0
target.appendChild(pointer)
return pointer}

ddpanel.prototype={

togglepanel:function(dir){ //public function that toggles the panel's state. Optional dir parameter ("up" or "down") to explicitly set state.
var setting=this.setting
setting.dir=dir || ((setting.dir=="up")? "down" : "up")
var pcontent=setting.pcontent, dir=setting.dir
pcontent._currentheight=(dir=="down")? pcontent._actualheight : setting.stateconfig.initial
pcontent.style.height=pcontent._currentheight+"px"
if (setting.pointerimage.enabled){
setting.arrow.src=setting.pointerimage.src[(setting.dir=="down")? 1 : 0]
setting.arrow.style.visibility="visible"}
ddpanel.setCookie(setting.ids[0], setting.dir)},

togglepanelplus:function(dir){ //public function that toggles the panel's state w/ animation. Optional dir parameter ("up" or "down") to explicitly set state.
var setting=this.setting
setting.dir=dir || ((setting.dir=="up")? "down" : "up")
if (setting.pointerimage.enabled)
setting.arrow.style.visibility="hidden"
clearTimeout(setting.revealtimer)
this.revealcontent()},

revealcontent:function()
{var setting=this.setting
var pcontent=setting.pcontent, curH=pcontent._currentheight, maxH=pcontent._actualheight, minH=setting.stateconfig.initial, steps=setting.animate.steps, dir=setting.dir
if (dir=="down" && curH<maxH || dir=="up" && curH>minH){
var newH = curH + (Math.round((maxH-curH)/steps)+1) * (dir=="up"? -1 : 1)
newH=(dir=="down")? Math.min(maxH, newH) : Math.max(minH, newH)
pcontent.style.height=newH+"px"
pcontent._currentheight=newH}

else{if (setting.pointerimage.enabled)
{setting.arrow.src=setting.pointerimage.src[(setting.dir=="down")? 1 : 0]
setting.arrow.style.visibility="visible"}
return}
 
var thispanel=this
setting.revealtimer=setTimeout(function(){thispanel.revealcontent()}, 10)},

initpanel:function()
{var setting=this.setting
var pcontainer=setting.pcontainer=document.getElementById(setting.ids[0])
var pcontent=setting.pcontent=document.getElementById(setting.ids[1])
var tdiv=setting.tdiv=document.getElementById(setting.ids[2])
pcontent.style.overflow="scroll"
pcontent._actualheight=pcontent.scrollHeight
setTimeout(function(){pcontent._actualheight=pcontent.scrollHeight}, 100)
pcontent.style.overflow="hidden"
pcontent._currentheight=(setting.dir=="down")? pcontent._actualheight : setting.stateconfig.initial
var thispanel=this
ddpanel.addEvent(tdiv, function(e){ //assign click behavior when toggle DIV tab is clicked on
if (setting.animate.enabled)
thispanel.togglepanelplus()
else
thispanel.togglepanel()
if (e.preventDefault) e.preventDefault()
return false}, "click")
if (setting.pointerimage.enabled)
{var pointer1=new Image(), pointer2=new Image()
pointer1.src=setting.pointerimage.src[0]
pointer2.src=setting.pointerimage.src[1]
setting.arrow=ddpanel.addpointer(tdiv.getElementsByTagName("span")[0], "pointerimage", setting.pointerimage.src[setting.dir=="down"? 1:0])}
if (setting.closepanelonclick.enabled){ //assign click behavior when panel content is clicked on (links within panel or elements with class "closepanel"
ddpanel.addEvent(pcontent, function(e)
{var target=e.srcElement || e.target
if (/(^|\s+)closepanel($|\s+)/.test(target.className) || target.tagName=="A" || (target.parentNode && target.parentNode.tagName=="A"))
{thispanel.togglepanel("up")}
}, "click")}},

uninit:function()
{var setting=this.setting
if (setting.stateconfig.persiststate){
ddpanel.setCookie(setting.ids[0], setting.dir)}
for (prop in setting){setting[prop]=null}}
} //end of ddpanel object

//initialize instance of DD Drop Down Panel:

a{font-weight:none; text-decoration:none; color:#424242;}
a:hover{font-weight:none; text-decoration:none; color:#848484;}
a.escape{font-weight:none;text-decoration:none; display:block; color:#1C1C1C; background-color:#FCFCFC; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:2;}
a.escape:hover{font-weight:none; text-decoration:none; color:#848484; background-color:white; border-top:1px solid #e4e4e4; border-left:1px solid #e5e5e5; border-right:none; border-bottom:none;}
a.prof{font-weight:none; text-decoration:none; font-family:courier new; color:#BDBDBD;}
a.prof:hover{font-weight:none; text-decoration:none; color:#585858;}

body{background:url(http://i43.tinypic.com/261np82.jpg) fixed repeat;
font-family:arial; font-size:8pt; color:black;}
table{font-family:arial; font-size:8pt; color:black;}

#blogt1{font-family:georgia; font-size:15pt; color:#821122; text-transform:lowercase; border-bottom:2px dashed #2e2e2e; line-height:80%; letter-spacing:-2pt;}
#blogt2{font-family:georgia; font-size:15pt; color:#C59A6F; text-transform:lowercase; border-bottom:2px dashed #2e2e2e; line-height:80%; letter-spacing:-2pt;}
#sideblogt{font-family:georgia; font-size:15pt; color:#821122; text-transform:lowercase; border-bottom:2px dashed #f2f2f2; line-height:80%; letter-spacing:-2pt;}
#date{font-family:georgia; font-size:15pt; color:#C59A6F; text-transform:lowercase; border-bottom:2px dashed #f2f2f2; line-height:80%; letter-spacing:-2pt;}
#head{font-family:georgia; font-size:10pt; color:#585858; text-transform:lowercase; border-bottom:2px dashed #f2f2f2; line-height:80%; letter-spacing:6pt;}
#panel{color:white;}
#time{font-family:georgia; font-size:9pt; color:#f2f2f2; text-transform:lowercase;
background-image:url(http://i43.tinypic.com/261np82.jpg); text-align:center; letter-spacing:-1pt;}
#time:hover{color:#CDA884;}
#myname{font-family:arial; font-size:20pt; color:#585858; letter-spacing:-2pt; line-height:80%;}
#creds{background:black; color:#e4e4e4; width:730px; text-align:left; padding:5;}
#header{font-family:georgia; font-size:20pt; letter-spacing:3pt; text-align:right; width:730px;}
#header2{font-family:georgia; font-size:12pt; letter-spacing:4pt; text-align:right; width:730px; background:black; color:white; padding-right:10;}

blockquote{padding:10px; background-image:url(http://i43.tinypic.com/261np82.jpg); background-repeat:repeat; border-left:10px solid #585858;}
blockquote:hover{border-left:10px solid #C59A6F;}

.ddpanel .ddpanelcontent{color:white;
font-size:9pt;
background:url(http://i41.tinypic.com/2h4l5wn.jpg) fixed repeat;
background-position:center;}
.ddpanel .ddpaneltab{margin-right:20px; font:10pt normal arial;}
.ddpanel .ddpaneltab a{float:right; background:black; -webkit-border-bottom-right-radius:5; -webkit-border-bottom-left-radius:5; -moz-border-radius:0 0 5 5;}
.ddpanel .ddpaneltab a span{float:left; display:block; background:transparent; padding:1 12 4 13; cursor:help;}
.ddpanel .ddpaneltab a span img.pointerimage{margin-top:2px; margin-left:5px;}
.ddpanel .ddpaneltab a:hover{padding-top:8;}
.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{outline:0;}
.ddpanel .ddpaneltab a:hover span{background-color:;}</style>
<div class="ddpanel" id="mypanel">
	<div class="ddpanelcontent" id="mypanelcontent">
		<p style="padding:10;">
			&nbsp;</p>
		<table align="center" cellpadding="0" cellspacing="0" width="730">
			<tbody>
				<tr>
					<td style="border-right:1px solid #1C1C1C; padding-right:5;" valign="top" width="530">
						<div id="blogt1">
							Profile</div>
						<br />
						<div id="panel">
							<img align="left" src="http://upic.me/i/3w/4untitled-2.gif" style="padding-right:5px;" /> <span id="myname">What is your name ?</span><br />
							My name is cake. i&#39;m 19 year old . i&#39;m study at Faculty of Agro-Industry (PKT-56) , Chiang Mai University. nice to meet you. lovelove</div>
					</td>
					<td style="border-left:1px solid #1C1C1C; padding-left:5;" valign="top" width="210">
						<div id="blogt2">
							Music</div>
						<br />
						<div id="panel">
							<center>
								<embed allowfullscreen="true" allowscriptaccess="always" height="100" src="http://www.youtube.com/v/lnCr3czDNEs?version=3&amp;hl=en_US&amp;rel=0&amp;autoplay=1&amp;loop=1&amp;controls=0&amp;playlist=lnCr3czDNEs " type="application/x-shockwave-flash" width="150"></embed>
								<center>
									&nbsp;</center>
							</center>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="ddpaneltab" id="mypaneltab">
		<a href="#"><span>.</span></a></div>
</div>
<div align="center">
	<div id="header">
		<span style="color:#000000;">This is a cat . oh oh oh &lt;3</span></div>
	<div id="header2">
		you are my number one , lady</div>
</div>
<table align="center" cellpadding="0" cellspacing="5" width="750">
	<tbody>
		<tr>
			<td style="background:white; padding:10;" valign="top" width="550">
				<blogger>
				<div id="date">
					<blogdateheader>พู ด คุ ย สั ก นิ ด อิ้ อิ้ </blogdateheader></div>
				<div id="head">
					ใช้ภาษาอังกฤษจะสวยมากเลอออ</div>
				</blogger>
				<div style="text-align: center;">
					<blogger><br />
					<img src="http://upic.me/i/19/tumblr_mac9onueij1rvkw6no1_500_large.gif" /><br />
					&nbsp;<br />
					<span style="color:#000000;">เจอกันอีกแล้ววว เย้เย้ 555 (ใครอยากเจอแก -3-) บล็อกสกินอันนี้เก๋ๆดีน้าา ชอบไอ่ข้างบนมากกก<br />
					เลยนำมาแก้ดู แอบเหนื่อยเบาเบา แก้ใน what&#39;s up มันจะดูยากหน่อย<br />
					ฉะนั้น ! เค้กแนะนำให้ไปแก้ในเว็บทดสอบโค้ด </span><a href="http://www.codetukyang.com/html/testcode.htm">จิ้มเบย</a><span style="color:#000000;"> ค่อยๆแก้ไปดูผลไปนะจ้ะ<br />
					&nbsp;เจอกันตอนหน้า สวัสดี อิ้อิ้</span></blogger><br />
					<span style="color:#ff0000;">* ตรงลูกศรกดขึ้นลงเจ๊แก้ได้เท่านี้ เพราะเจ๊ลองในเว็บทดสอบโค้ดมันขึ้นปกติดี<br />
					แต่พอเอามาลงในเด็กดีกลับไม่ติด มันแก้โค้ดอัตโนมัติ เจ๊เลยต้องแก้เป็นแบบนี้ งั้นมันไม่ขึ้น<br />
					เจ๊ทำได้เท่านี้แหละ ลูกเอ๊ยยยยย -__-;;</span><br />
					&nbsp;</div>
			</td>
			<td style="background:white; padding:10;" valign="top" width="200">
				<div id="sideblogt">
					( * ^ * // )</div>
				<br />
				ภาษาอังกฤษเจ๊ ค่อนข้างแย่ 5555<br />
				<br />
				<div id="sideblogt">
					L i n k s</div>
				<br />
				<a class="escape" href="http://my.dek-d.com/ไอดีของคุณ/friend/request_friend.php">add me \(￣▽￣*)</a> <a class="escape" href="http://my.dek-d.com/ไอดีของคุณ/writer" target="_blank">writer (o&acute;c_,`o) </a> <a class="escape" href="http://my.dek-d.com/ไอดีของคุณ/qmsg" target="_blank">qmsg (*&acute;・д・`)</a> <a class="escape" href="http://my.dek-d.com/ไอดีของคุณ/sendsecret.php">smsg (oゝ&forall; ･)</a></td>
		</tr>
	</tbody>
</table>
<div align="center">
	<div id="creds">
		Layout by <a href="http://www.curvingends.blogspot.com">16th</a><a href="http://www.blogskins.com/me/16thday">day</a> | Resources <a href="http://www.dynamicdrive.com/" title="DDPanel">One</a> <a href="http://fivepointsapart.blogspot.com" title="Backgrounds">Two</a> <a href="http://html-color-codes.info/" title="Colors">Three</a> | Thanks : Blogskins | Fantasier ▽ Edit : ampere 2014 <a href="http://writer.dek-d.com/bcakee/story/view.php?id=1109971">( &amp;YOU iD )</a></div>
	<br />
	<br />
	<style type="text/css">
/* เริ่มโค้ดลบทุกอย่างออกไป*/
.left,.right{border:none;background: none;}
.modulebg2 { background: none;}
.headtable, .head2, .modulebg1,
#footer, #header, #neck, .left,
#module_left .modulebg2, #module_right .modulebg2,
.hr1, .hr2, .borderlinks
{display: none !important;}
.mainborder
{ border: 0px !important; }
/*ขอบคุณโค้ดจากคุณCaje(id=499460)และคุณเดอะ.เหียกเรนเจอร์(id=666856)*/</style>

* ไม่อนุญาตให้แจกต่อ *
รองรับ google chrome , อย่าลบเครดิตออก

◦ v i p ♔ theme

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

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

ลำดับตอนที่ #3 : &YOU | BLOGSKINS.002

❀Lynn.

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

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

ความคิดเห็น

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

ลำดับตอนที่ #3 : &YOU | BLOGSKINS.002

❀Lynn.

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

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

ความคิดเห็น