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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Free ★ ID DREAM 4U

    ลำดับตอนที่ #4 : Perfectly Imperfect

    • อัปเดตล่าสุด 16 พ.ค. 55


     
    Skin thumbnail

    PREVIEW


    <html><head>

    <div style='position: static; top:0px; right: 0px; width:100%; position:fixed; padding:3px; background:#ECEAEA;  color:#000; font-size:13px;text-align:left;'><center><a href="http://www.blogger.com/follow-blog.g?blogID=4518748377497068271">+Follow</a>|<a href="http://www.blogger.com/home">Dashboard</a></center></div>

    <br><center><div class="header"><img src="http://i1110.photobucket.com/albums/h448/izati909/xox2.png"></center>

    <title>Perfectly Imperfect</title>

    <style type="text/css">

    #navbar-iframe {display: none;}

    ::-moz-selection {background-color:#555;color:#fff}

    a:link, a:visited {

    color:#d397c0;

    text-decoration:none;

    }

    a:hover{

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth585.cur), progress;

    text-decoration: none;

    color:#FFFFFF;

    background: #FAAFBE;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px;

    }

    ::-webkit-scrollbar {

    height: 12px;

    width: 9px;

    background-color: #ffffff;

    }

    ::-webkit-scrollbar-thumb {

    background-color: #DEADBD;

    }

    ::-webkit-scrollbar-thumb:hover {

    background-color: #DD627B;

    }

    ::-moz-selection {

    background:#FFFFFF;

    color:#000000;

    text-shadow: 2px 2px 3px #FB6265;

    }

    ::selection {

    background:#FFFFFF;

    color:#000000;

    text-shadow: 2px 2px 3px #FB6265;

    }

    blockquote{

    padding: 5px;

    border: 1px dashed #ED4968;

    background-color: #fff;

    color: #9a9a9a;}

    body {background: url('http://i1110.photobucket.com/albums/h448/izati909/black.png') ; font-family: trebuchet ms; font-size: 12px;

    }}

    u {

    text-decoration: none;

    border-radius: 4px;

    padding: 3px;

    -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;

    }

    u:hover {

    background: #EF88B6;

    color: #FFFFFF;

    -webkit-transition: 1s;

    -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;

    }

    b {

    color: #F35198;

    }

    i {

    color: #FF92C5;

    }

    img:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

    img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;

    -webkit-transition:1s;}

    header:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

    img{filter: alpha(opacity=80); moz-opacity:.80; opacity:.80;

    -webkit-transition:1s;}

    .header:hover{

    padding-left: 30px;

    -webkit-transition-duration: 0.1s; } 

    #pages{

    position: absolute;

    top: 160px;

    right:30px;

    width: 670px;

    height:470px;

    overflow:scroll;

    overflow-x:hidden;

    background:url(http://i1110.photobucket.com/albums/h448/izati909/bg-1.jpg);

    padding:10px;

    -moz-box-shadow: 0px 0px 20px #fff; 

    -webkit-box-shadow: 0px 0px 20px #fff;

    }

    .lala

    {background-color:#ffffff; padding: 10px; top: 160px; right: 750px; position: absolute;

     width: 220px; 

    -moz-box-shadow: 0px 0px 20px #fff; 

    -webkit-box-shadow: 0px 0px 20px #fff;

    }


    .navy {

    position: absolute;

    top: 140px;

    left: 50px;

    -moz-box-shadow: 0px 0px 20px #fff; 

    -webkit-box-shadow: 0px 0px 20px #fff;

    }

    .navii {

    background: white;

    border-top-left-radius: 7px;

    border-top-right-radius: 7px;

    color: #F5A9D0;

    font-family: century gothic;

    font-size: 13px;

    padding: 3px;

    -webkit-transition:.4s;

    }

    a.navii:hover {

    padding-top:19px;

    -webkit-transition:.3s;

    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;

    color: #ffffff;

    background: #FAAFBE;

    }

    .f1{font: normal 10pt Pea Randa;

    color: #666666; 

    background:#eceaea;

    text-transform: lowercase; 

    text-align: right;

     }

    .f1:first-letter { font-family:Never Let Go; font-size:40px; padding-right:2px; color:#ED4968; line-height:2pt; text-decoration:bold;text-transform: uppercase; }

    .f2{

    font-family: Century gothic; 

    background:#f6f1f1;

    font-size: 13px; 

    color: #000; 

    text-transform: sentence case; 

    text-align:left;

    -webkit-transition-duration: 1.0s; 

    }

    .f2:first-letter { font-family:Wish i were taller; font-size:20px; padding-right:2px; color:#ED4968; line-height:2pt; text-decoration:bold;text-transform: uppercase; }

    </style></head><body>


    <div class="navy">

    <center>

    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('entries').innerHTML">Diary</a>

    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('profile').innerHTML">Profile</a>

    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('links').innerHTML">Friends</a>

    <a class="navii" onClick="document.getElementById('pages').innerHTML=document.getElementById('chat').innerHTML">Chatting</a>

    </center></div>


    <div class="lala">

    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lp3b27Zrxs1qjsgqpo1_400_large.jpg"width="200"/></center>

    <center>Think u are perfect ? Think Again. .</center><br>

    <div class="f1"><center>Credits..</center></div>

    Template by : <a href="http://ikutsukahati.blogspot.com/" target="_blank">Nurul</a><a href="http://www.blogskins.com/me/miss_tree" target="_blank"> lzzati</a><br>

    Image by : <a href="http://weheartit.com/" target="_blank">we❤it</a><br>

    Background : <a href="http://fivepointsapart.blogspot.com/" target="_blank">FPA</a><br>

    Also thanks to: <a href="http://www.letthaprincess.blogspot.com//" target="_blank">Lettha</a>


    <br><br>


    <select style="width:200px;background-color:#FFB6B6; font:8pt trebuchet ms;" name="ArchiveMenu" onChange="location.href=this.options[this.selectedIndex].value;">

    <option value="/">Sweet Memories</option>

    <BloggerArchives>

    <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

    </BloggerArchives>

    </select><br><br>

    </div> 

    </div>


    <div id="pages">

    <blogger>


    <div class="f1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>

    <div class="f2"><$BlogItemTitle$> @ <$BlogItemDateTime$> | <BlogItemCommentsEnabled><a class="Bercakap-cakap" href="https://www.blogger.com/comment.g?blogID=(REPLACE IT WITH UR OWN ID)&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=(REPLACE IT WITH UR OWN ID)&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> talkative person(s)</a></BlogItemCommentsEnabled></div>



    <br><$BlogItemBody$><br>

    <center><OlderPosts><a href=<$OlderPosts$>>❤ older posts</a> / </OlderPosts><NewerPosts><a href=<$NewerPosts$>>newer posts ❤</a></NewerPosts></center>

    </blogger>




    </div>

    <div id="entries" style="display:none">

    <blogger>

    <div class="f1"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>

    <div class="f2"><$BlogItemTitle$> @ <$BlogItemDateTime$> | <BlogItemCommentsEnabled><a class="Bercakap-cakap" href="https://www.blogger.com/comment.g?blogID=(REPLACE IT WITH UR OWN ID)&postID=<$BlogItemNumber$>&isPopup=true" onclick="window.open('https://www.blogger.com/comment.g?blogID=(REPLACE IT WITH UR OWN ID)&postID=<$BlogItemNumber$>&isPopup=true', 'bloggerPopup', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=400,height=450');return false;"><$BlogItemCommentCount$> talkative person(s)</a></BlogItemCommentsEnabled></div>

    <$BlogItemBody$><br>

    <center><OlderPosts><a href=<$OlderPosts$>>❤ older posts</a> / </OlderPosts><NewerPosts><a href=<$NewerPosts$>>newer posts ❤</a></NewerPosts></center>


    </blogger>

    </div>


    <div id="profile" style="display:none">

    <div class="f1">I LOVE ME</div>

    <div class="f2"><center>Simply About Me</center></div><br><center>

    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lekdareBSL1qaib11o1_500_large.jpg"width="400"/>

    <br/>❤Hello i am _____

    <br/>i like blogging and music..

    <br><big>"'DO YOU THINK U ARE PERFECT ? THINK AGAIN. ."</big><br>

    replace it with your own profile.

    <div align="center"> <a class="link" href="Ur tutorial link" target="_blank">Tutorial</a> / <a class="link" href="Ur freebies link" target="_blank">Freebies</a> 

    <br></center>


    <div id="chat" style="display:none">

    <div class="f1">Speak zone!</div>

    <div class="f2"><center>Think before u speak</div><br>

    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lmz1e0Cw5w1qcdjp0o1_500_large.png"height="205"/></center>

    <br><center> #ur shotmix code here !

    </div><br>


    </div>


    <div id="links" style="display:none">

    <div class="f1">Besties !</div>

    <div class="f2"><center>Linkies</center></div><br>

    <center><img src="http://i1110.photobucket.com/albums/h448/izati909/tumblr_lmay9yZFaH1qhaej0o1_500_thumb.png"height="205"/></center>

    <br><center>

    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>

    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>

    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>

    <a class="link" href="http://ikutsukahati.blogspot.com/" target="_blank">Friends</a><br>

    <br>

    #replace it with ur friend's name n link. .

    </center>



    </script></html>

    <style type="text/css">.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
    .right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}    </style>


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

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

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

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

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

    ความคิดเห็น

    ×