ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    • ฟอนต์ THSarabunNew
    • ฟอนต์ Sarabun
    • ฟอนต์ Mali
    • ฟอนต์ Trirong
    • ฟอนต์ Maitree
    • ฟอนต์ Taviraj
    • ฟอนต์ Kodchasan
    • ฟอนต์ ChakraPetch
Toffee Code Id Dream [CLOSE]

ลำดับตอนที่ #5 : Girl's Life

  • อัปเดตล่าสุด 10 เม.ย. 55


Girl's Life
 
Skin thumbnail


<head>
<div class="widget-content"><div style="display:scroll; position:absolute; top:0px; left:260px;"><img src="http://i1030.photobucket.com/albums/y365/lurunnia/header-2.png" border="0" alt="Photobucket"></a></div>
<div class="widget-content"><div style="display:scroll; position:fixed; top:0px; left:0px;"><object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/HFkGWPrx4nM?autoplay=1&amp;&amp;color1=0xffffff&amp;color2=0xffffffamp;amp;hl=en_GB&amp;rel=0"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/HFkGWPrx4nM?autoplay=1&amp;&amp;color1=0xffffff&amp;color2=0xffffffamp;amp;hl=en_GB&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed></object></div>
<div class="widget-content"><div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=1737974468532125585" target="_blank" rel="nofollow" title="follow me :D" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div></div> 
<title>Dream High</title><link rel="shortcut icon" href="http://i1030.photobucket.com/albums/y365/lurunnia/pic002demoji_10027652decoojp.gif"><link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&v1' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<style type="text/css">
#navbar-iframe { display: none; }
::-moz-selection { color:white; background: }
::selection { color:white; }
::-webkit-selection { color:white; }
::-webkit-scrollbar { width: 10px; background-color: #fcfcfc; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  { height: 30px; display: block; background: #fcfcfc}
::-webkit-scrollbar-track-piece  { background-color: #fcfcfc; }
::-webkit-scrollbar-thumb{ background-color: #c3d8ca; -webkit-border-radius: 400px; border-radius: 400px; }
body, table { background:url('http://i1030.photobucket.com/albums/y365/lurunnia/fbbfcc_pink-pixel-heart-1.gif'); color: #000; font-family: trebuchet ms; letter-spacing:0px;font-size: 11px;cursor:url('http://cur.cursors-4u.net/nature/nat-9/nat865.cur'),progress;}
a {text-decoration: none; color: #F778A1;cursor:url('http://cur.cursors-4u.net/nature/nat-9/nat865.cur'),progress; }
a:hover { border-bottom:2px solid #F778A1;color:#6d6d6d;-moz-border-radius:6px;}
li{list-style-type : none;background-image : url(http://i798.photobucket.com/albums/yy265/chumaniac/pix/bulletkann1.gif);background-position : left;background-repeat : no-repeat;padding-left : 2.0em;}
i {color:#56A5EC;}
b {color:#FAAFBE;}
b:hover{color:#F778A1}
u { text-decoration:none;border-bottom:2px solid #F778A1;-moz-border-radius:6px;}
u:hover{text-decoration:none;border-bottom:2px solid #F778A1;-moz-border-radius:6px;color:#c0c0c0;}
blockquote { background:#eee;padding:8px;border-left:15px solid #FAAFBE;}
blockquote:hover {background:#eee;padding:8px;border-left:20px solid #FAAFBE;-moz-border-radius:15px;}
a.comments {text-decoration: none; color: #ffffff; }
a.comments:hover {border-bottom:none;}
a.links {background-color: #FAAFBE;font-family: arial;font-size: 7.5pt;color: #fff; margin: 2px;text-transform: uppercase;padding: 3px 5px 3px 5px;text-align: center;display: inline-block;border: 1px solid #f5f5f5; -webkit-transition: 1s;}
a.links:hover {background-color:#F778A1;color: #fff;border: 1px solid #f1f1f1;}
a.title { letter-spacing: -1px; line-height: 80%; font-family: georgia; font-style: italic; font-size: 28px; color: #FAAFBE; -webkit-transition:1s;}
a.title:hover { color:#F778A1; border-bottom:none;}
.date { background-color: #FAAFBE; font:normal 11px 'trebuchet ms'; text-transform:lowercase; letter-spacing: 2px; line-height:18px; color:#fff; padding: 5px; margin-bottom:5px; margin-top: 10px;-moz-border-radius:4px;}
.coat { background: url(http://i1030.photobucket.com/albums/y365/lurunnia/8756-8.gif); padding: 15px; -moz-box-shadow:0px 0px 6px -1px rgba(0,0,0,0.45); box-shadow:0px 0px 6px -1px rgba(0,0,0,0.45);  -webkit-box-shadow:0px 0px 6px -1px rgba(0,0,0,0.45);}
.bg{ background:#fff; padding:10px; -moz-border-radius:5px; -webkit-border-radius: 5px;}
.dropcontent{ margin-left:auto; margin-right:auto; width: 700px; border: 0px; display:block;}
.tip { color: #fff; background: #FAAFBE; display:none; padding:4px; position:absolute; ; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
img.photo { float:left; outline: 0px; padding: 0px; background: none; margin-right: 10px; margin-bottom: 25px; width: 100px; border-top:10px solid #F0F0D8; border-left:10px solid #F0F0D8; border-right:10px solid #F0F0D8; border-bottom:20px solid #F0F0D8;}
img.photo:hover { float:left; outline: 0px; padding: 0px; background: none; margin-right: 10px; margin-bottom: 25px; width: 100px; border-top:10px solid  #ECE5B6; border-left:10px solid  #ECE5B6; border-right:10px solid  #ECE5B6; border-bottom:20px solid  #ECE5B6;}
</style>
<script type="text/javascript">
$(document).ready(function() {
    //Tooltips
    $(".tip_trigger").hover(function(){
        tip = $(this).find('.tip');
        tip.show(); //Show tooltip
    }, function() {
        tip.hide(); //Hide tooltip
    }).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coodrinates
        var mousey = e.pageY + 20; //Get Y coordinates
        var tipWidth = tip.width(); //Find width of tooltip
        var tipHeight = tip.height(); //Find height of tooltip
        //Distance of element from the right edge of viewport
        var tipVisX = $(window).width() - (mousex + tipWidth);
        //Distance of element from the bottom of viewport
        var tipVisY = $(window).height() - (mousey + tipHeight);
        if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
            mousex = e.pageX - tipWidth - 20;
        } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
            mousey = e.pageY - tipHeight - 20;
        }
        //Absolute position the tooltip according to mouse position
        tip.css({  top: mousey, left: mousex });
    });
});
</script>
<script type="text/javascript">
/*
Combo-Box Viewer script- Created by and © Dynamicdrive.com
Visit http://www.dynamicdrive.com/ for this script and more
This notice MUST stay intact for legal use
*/
if (document.getElementById){
}
function contractall(){
if (document.getElementById){
var inc=0
while (document.getElementById("dropmsg"+inc)){
document.getElementById("dropmsg"+inc).style.display="none"
inc++
}
}
}
function expandone(){
if (document.getElementById){
var selectedItem=document.dropmsgform.dropmsgoption.selectedIndex
contractall()
document.getElementById("dropmsg"+selectedItem).style.display="block"
}
}
if (window.addEventListener)
window.addEventListener("load", expandone, false)
else if (window.attachEvent)
window.attachEvent("onload", expandone)
</script>
</head>
<body>
<form name="dropmsgform">
<center>
<a href="#" class="tip_trigger"><font style="font-family:courier new; font-size:20px; text-transform:uppercase; font-weight:normal line-height:9px; letter-spacing:1px;">★</font><span class="tip">click on the dropdown menu to navigate through this blog</span></a>
<select name="dropmsgoption" size="1" style="text-align: center; margin-top: 320px; width:130px ;border: 0px none; padding: 3px; border: 0px; background:#FAAFBE; font-family:trebuchet ms; font-size: 11px; color: #fff; width:130px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;" onChange="expandone()">
    <option selected>My Journal</option>
    <option>About The Owner</option>
    <option>Scream Box</option>
    <option>Links and Contacts</option>
</select>
</center>
<br>
<div id="dropmsg0" class="dropcontent">
<div class="coat">
<div class="bg">
<Blogger>
<a class="title" href="<$blogitempermalinkurl$>"><$BlogItemTitle$></a>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> ★ <$BlogItemDateTime$> ณ <a class="comments" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>(<$BlogItemCommentCount$>) angels</a></BlogItemCommentsEnabled></div>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>&amp;layout=button_count&amp;show-faces=false&amp;width=530&amp;height=10&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:20px"></iframe>
<$BlogItemBody$><br>
<center/><img src="http://www5e.biglobe.ne.jp/~cep/s/ruru/lh.gif" border="0" alt="Photobucket">
</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>> OLDER POST</a> </OlderPosts> | <NewerPosts><a href=<$NewerPosts$>> NEWER POST</a> </NewerPosts></center>
</div>
</div>
</div>
<div id="dropmsg1" class="dropcontent">
<div class="coat">
<div class="bg">
<a class="title">Pieces Of Me</a>
<div class="date">meet the big beauty boss</div><br>
<img class="photo" src="http://i52.tinypic.com/2cwk3zo.jpg">
I am <a href="http://facebook.com/supercherubicain">NurulAin</a> and this is my blog, it's mine. In this very little space  from the World Wide Web, this could be the only place where in i can  have <a href="http://www.blogskin.com/me/cherubicain">my</a> freedom to express myself, rant whenever i wanted to, post  non-sense shit, type asdfghjkl until i get tired like an idiot. I mean,  who the hell in the world, uhmm (except <a href="http://twitter.com/NurulAin1995">me</a>) would do that effin thing?  of course no one. EXCEPT <a href="http://cherubicain.tumblr.com/">ME</a>.Alright, you've got it. I really am an  idiot. okay? and you've got any problems with that? kiss my fist.  Actually i'm just <u>sixTEEN</u> and i don't act like what normal teen girls  do. I'm weird and i like crazy things. I like the smell of an old book, I  yawn and don't close my mouth even if i'm in a public place.. and i  blah blah, i blah too.. enough. bye byee! You may click links and contact to befriend with me.Thanks !
</div>
</div>
</div>
<div id="dropmsg2" class="dropcontent">
<div class="coat">
<div class="bg">
<a class="title">Tagboard</a>
<div class="date">leave your message here and i'll pay you a visit later</div><br>
<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="cherubicain" src="http://www5.shoutmix.com/?cherubicain" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?cherubicain">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->
</div>
</div>
</div>
<div id="dropmsg3" class="dropcontent">
<div class="coat">
<div class="bg">
<a class="title">Links & Contacts</a>
<div class="date">the great escapes to a beautiful land</div><br>
<img class="photo" src="http://i51.tinypic.com/2luq2yd.jpg">
<center>
<table width="501" align="center" cellspacing="0" cellpadding="5">
<tr>
<td width="180" valign="top" style="text-align:justify;"><br>
<a class="links" href="http://nailyanisa.blogspot.com/">Friend</a> <a class="links" href="http://monologuenthetypewriter.blogspot.com/">Friend</a> <a class="links" href="http://k-fhatyah.blogspot.com/">Friend</a> <a class="links" href="http://arynarocha.blogspot.com/">Friend</a>
<a class="links" href="http://sipurpleviolet.blogspot.com/">Friend</a> <a class="links" href="http://scrugethings.blogspot.com/">Friend</a> <a class="links" href="http://hakmiliksaya.blogspot.com/">Friend</a> <a class="links" href="http://ry-mielin.blogspot.com/">Friend</a>
<a class="links" href="http://asmilethathidesapain.blogspot.com/">Friend</a> <a class="links" href="http://akbarofficial.blogspot.com">Friend</a> <a class="links" href="http://belog-cap-ayam.blogspot.com/">Friend</a> <a class="links" href="http://anisaifulfiradam.blogspot.com/">Friend</a>
<a class="links" href="http://ouhiniceritahatisigadisputryy.blogspot.com/">Friend</a> <a class="links" href="http://storysayeawakmereka.blogspot.com/">Friend</a> <a class="links" href="http://ceritacerita-aida.blogspot.com/">Friend</a>
</td>
<td width="166" valign="top" style="border-right:1px solid #f1f1f1 text-align:justify;">
    <div id="blogCalendar"></div>
    <script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
    <script type="text/javascript">
    Calendar.base="sayonara-ai.blogspot.com";
    Calendar.timeZone="+08:00";
    Calendar.timeZoneCheck = true;
    Calendar.drawTable();
    </script>
    <style>
    </style>
</td>
<td width="150" valign="top" style="text-align:justify;">
<center>
<select style="border: 0px none; padding: 3px; background: #FAAFBE; font-family: trebuchet ms; font-size: 11px; color: #fff; width: 80%; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;" 
onChange="location.href=this.options[this.selectedIndex].value;" value="GO" target="_blank"> 
<option selected="selected">My Pasts</option><BloggerPreviousItems> 
<option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option> 
</BloggerPreviousItems> 
</select><br>
Facebook <a href="http://facebook.com/supercherubicain">nurul ain</a><br>
Twitter <a href="http://twitter.com/NurulAin1995">nurul ain</a><br>
Tumblr <a href="http://cherubicain.tumblr.com/">nurul ain</a><br>
Blogskin <a href="http://www.blogskins.com/me/cherubicain">nurul ain</a><br>
Layout (c) <a href="http://www.blogskins.com/me/sweetmsery">sweet.m!sery</a><br>
Re-edited by <a href="http://www.blogskins.com/me/cherubicain">nurul ain</a><br>
Icons from <a href="http://reviviscent.blogspot.com/">reviviscent</a><BR>
Resources: <a href="http://www.colourlovers.com/pattern/1389/she_sells_seashells">sea</a> <a href="http://dynamicdrive.com/">shells</a><br>
</center>
</td>
</tr></table>
</center>
</div>
</div>
</div>
</form>
</body>
<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script> 
</html>
<div id="dropmsg0" class="dropcontent">
<div class="coat">
<div class="bg">
<Blogger>
<a class="title" href="<$blogitempermalinkurl$>"><$BlogItemTitle$></a>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> ★ <$BlogItemDateTime$> ณ <a class="comments" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>>(<$BlogItemCommentCount$>) angels</a></BlogItemCommentsEnabled></div>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkUrl$>&amp;layout=button_count&amp;show-faces=false&amp;width=530&amp;height=10&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:530px; height:20px"></iframe>
<$BlogItemBody$><br>
<center/><img src="http://www5e.biglobe.ne.jp/~cep/s/ruru/lh.gif" border="0" alt="Photobucket">
</Blogger>
<center><OlderPosts><a href=<$OlderPosts$>> OLDER POST</a> </OlderPosts> | <NewerPosts><a href=<$NewerPosts$>> NEWER POST</a> </NewerPosts></center>
</div>
</div>
</div>
 <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://www5e.biglobe.ne.jp/~cep/s/moji/apu.gif"/>', //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:'Scroll Back 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>


 
ติดตามเรื่องนี้
เก็บเข้าคอลเล็กชัน

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

loading
กำลังโหลด...

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

loading
กำลังโหลด...

ความคิดเห็น

กำลังโหลด...

ความคิดเห็น

กำลังโหลด...
×
แทรกรูปจากแกลเลอรี่ - Dek-D.com
L o a d i n g . . .
x
เรียงตาม:
ใหม่ล่าสุด
ใหม่ล่าสุด
เก่าที่สุด
ที่กำหนดไว้
*การลบรูปจาก Gallery จะส่งผลให้ภาพที่เคยถูกนำไปใช้ถูกลบไปด้วย

< Back
แทรกรูปโดย URL
กรุณาใส่ URL ที่ขึ้นต้นด้วย
http:// หรือ https://
กำลังโหลด...
ไม่สามารถโหลดรูปภาพนี้ได้
*เมื่อแทรกรูปเป็นการยืนยันว่ารูปที่ใช้เป็นของตัวเอง หรือได้รับอนุญาตจากเจ้าของ และลงเครดิตเจ้าของรูปแล้วเท่านั้น
< Back
สร้างโฟลเดอร์ใหม่
< Back
ครอปรูปภาพ
Picture
px
px
ครอปรูปภาพ
Picture