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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Cotton Bakery ❤ ID Dream etc..[close]

    ลำดับตอนที่ #6 : COTTON ❤[iddream] Perfect symmetry

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


    cotton 




    <html>
    <head>

    <title>Perfect symmetry .</title>

    <script src="rainbow.js">

    /*
    Rainbow Links Script- TAKANASHI Mizuki
    For full source code, 100's more DHTML scripts, and TOS, 
    Visit http://www.dynamicdrive.com
    */

    </script>

    <script type='text/javascript'>

     //<![CDATA[

     var rate = 15;

     if (document.getElementById)
      window.onerror=new Function("return true")

     var objActive;  // The object which event occured in
      var act = 0;    // Flag during the action
      var elmH = 20;   // Hue
      var elmS = 100; // Saturation
      var elmV = 240; // Value
      var clrOrg;     // A color before the change
      var TimerID;    // Timer ID

     if (document.all) {
      document.onmouseover = doRainbowAnchor;
      document.onmouseout = stopRainbowAnchor;
      }
      else if (document.getElementById) {
      document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
      document.onmouseover = Mozilla_doRainbowAnchor;
      document.onmouseout = Mozilla_stopRainbowAnchor;
      }

     function doRainbow(obj)
      {
      if (act == 0) {
      act = 1;
      if (obj)
      objActive = obj;
      else
      objActive = event.srcElement;
      clrOrg = objActive.style.color;
      TimerID = setInterval("ChangeColor()",100);
      }
      }


     function stopRainbow()
      {
      if (act) {
      objActive.style.color = clrOrg;
      clearInterval(TimerID);
      act = 0;
      }
      }


     function doRainbowAnchor()
      {
      if (act == 0) {
      var obj = event.srcElement;
      while (obj.tagName != 'A' && obj.tagName != 'BODY') {
      obj = obj.parentElement;
      if (obj.tagName == 'A' || obj.tagName == 'BODY')
      break;
      }

     if (obj.tagName == 'A' && obj.href != '') {
      objActive = obj;
      act = 1;
      clrOrg = objActive.style.color;
      TimerID = setInterval("ChangeColor()",100);
      }
      }
      }


     function stopRainbowAnchor()
      {
      if (act) {
      if (objActive.tagName == 'A') {
      objActive.style.color = clrOrg;
      clearInterval(TimerID);
      act = 0;
      }
      }
      }


     function Mozilla_doRainbowAnchor(e)
      {
      if (act == 0) {
      obj = e.target;
      while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
      obj = obj.parentNode;
      if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
      break;
      }

     if (obj.nodeName == 'A' && obj.href != '') {
      objActive = obj;
      act = 1;
      clrOrg = obj.style.color;
      TimerID = setInterval("ChangeColor()",100);
      }
      }
      }


     function Mozilla_stopRainbowAnchor(e)
      {
      if (act) {
      if (objActive.nodeName == 'A') {
      objActive.style.color = clrOrg;
      clearInterval(TimerID);
      act = 0;
      }
      }
      }


     function ChangeColor()
      {
      objActive.style.color = makeColor();
      }


     function makeColor()
      {
      // Don't you think Color Gamut to look like Rainbow?

     // HSVtoRGB
      if (elmS == 0) {
      elmR = elmV;    elmG = elmV;    elmB = elmV;
      }
      else {
      t1 = elmV;
      t2 = (255 - elmS) * elmV / 255;
      t3 = elmH % 60;
      t3 = (t1 - t2) * t3 / 60;

     if (elmH < 60) {
      elmR = t1;  elmB = t2;  elmG = t2 + t3;
      }
      else if (elmH < 120) {
      elmG = t1;  elmB = t2;  elmR = t1 - t3;
      }
      else if (elmH < 180) {
      elmG = t1;  elmR = t2;  elmB = t2 + t3;
      }
      else if (elmH < 240) {
      elmB = t1;  elmR = t2;  elmG = t1 - t3;
      }
      else if (elmH < 300) {
      elmB = t1;  elmG = t2;  elmR = t2 + t3;
      }
      else if (elmH < 360) {
      elmR = t1;  elmG = t2;  elmB = t1 - t3;
      }
      else {
      elmR = 0;   elmG = 0;   elmB = 0;
      }
      }

     elmR = Math.floor(elmR).toString(16);
      elmG = Math.floor(elmG).toString(16);
      elmB = Math.floor(elmB).toString(16);
      if (elmR.length == 1)    elmR = "0" + elmR;
      if (elmG.length == 1)    elmG = "0" + elmG;
      if (elmB.length == 1)    elmB = "0" + elmB;

     elmH = elmH + rate;
      if (elmH >= 360)
      elmH = 0;

     return '#' + elmR + elmG + elmB;
      }

     //]]>

    </script>

    <style>

    #navbar-iframe { display: none; }

    a { font: Normal 10px Trebuchet MS; color: #333; letter-spacing: 1px; text-transform: Lowercase; text-decoration: none; }
    a:hover { font: Normal 10px Trebuchet MS; text-transform: Uppercase; color: #fff; letter-spacing: 1px; }
     
    .h1 { font: Normal 11px Tahoma; color: #333; letter-spacing: 2px; text-transform: Uppercase; padding-top: 5px; }
    .h2 { font: Normal 10px Tahoma; color: #333; }

    .date { font: Normal 11px Tahoma; color: #333; letter-spacing: 2px; text-transform: Uppercase; padding: 5px; }
    .blogtext { font: Normal 11.2px Arial; color: #333; padding-left: 5px; }
    .title { font: Normal 10px Arial Narrow; letter-spacing : 3px; color: #666; text-align: left; text-transform: Uppercase; padding-left: 5px; }

    body { background: url('http://i220.photobucket.com/albums/dd148/YuRi5422/bg-2-1.jpg') fixed #fff; }

    .bar1 { position: fixed; bottom:0px; left: 70px; width: 20px; height: 300px; background-color: #670D0F; }
    .bar2 { position: fixed; bottom:0px; left: 100px; width: 20px; height: 350px; background-color: #F01945; }
    .bar3 { position: fixed; bottom:0px; left: 130px; width: 20px; height: 250px; background-color: #F36444; }
    .bar4 { position: fixed; bottom:0px; left: 160px; width: 20px; height: 200px; background-color: #FFCE6F; }

    .bar5 { position: fixed; top:0px; left: 720px; width: 20px; height: 300px; background-color: #670D0F; }
    .bar6 { position: fixed; top:0px; left: 750px; width: 20px; height: 350px; background-color: #F01945; }
    .bar7 { position: fixed; top:0px; left: 780px; width: 20px; height: 250px; background-color: #F36444; }
    .bar8 { position: fixed; top:0px; left: 810px; width: 20px; height: 200px; background-color: #FFCE6F; }

    .header1 { position: fixed; top: 40px; left: 30px; font: Normal 50px Georgia; letter-spacing: -5px; color: #670D0F; }
    .header2 { position: fixed; top: 70px; left: 50px; font: Normal 40px Georgia; letter-spacing: -5px; color: #670D0F; }
    .header3 { position: fixed; top: 445px; left: 700px; font: Normal 30px Georgia; letter-spacing: -3px; color: #670D0F; }
    .header4 { position: fixed; top: 470px; left: 720px; font: Normal 20px Georgia; letter-spacing: -2px; color: #670D0F; }

    .lines { position: fixed; top: 0px; left: 220px; width: 460px; height: 100%; border-left: 1px dashed #aaa; border-right: 1px dashed #aaa; }
    .white { position: fixed; top: 0px; left: 230px; width: 440px; height: 100%; background-color: #fff; }
    .content { position: absolute; top: 0px; left: 250px; width: 400px; }

    blockquote { font: Normal 11px Arial; color: #333; padding: 5px; border: 1px dashed #666; 
    -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; 
    -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; }

    </style>

    <body>

    <div style="position: fixed; right:2px; bottom:2px; padding: 2px;">

    <a style="text-transform: Uppercase;" href="http://www.blogger.com/home" target="_blank">GO TO BLOGGER HOME</a>

    </div>

    <div style="position:fixed;"><embed src="http://www.youtube.com/v/5RNePy_awq0&hl=en_US&fs=1&autoplay=1&color1=0xFFFFFF&color2=0xFFFFFF" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed></div>

    <div class="header1">perfect</div>
    <div class="header2">symmetry</div>


    <span class="bar1" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"></span> 

    <span class="bar2" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"></span> 

    <span class="bar3" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"></span> 

    <span class="bar4" onClick="document.getElementById('main').innerHTML=document.getElementById('tagboard').innerHTML"></span> 

    <span class="bar5" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"></span> 

    <span class="bar6" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"></span> 

    <span class="bar7" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"></span> 

    <span class="bar8" onClick="document.getElementById('main').innerHTML=document.getElementById('tagboard').innerHTML"></span> 

    <div class="lines">

    </div>

    <div class="white">

    </div>

    <div class="content">

    <div id="main">

    <div class="h2">

    <center>

    <br><br>

    Hello passersby, welcome to my blog<br>
    The navigations are the color bars, both sides can be clicked<br><br>

    Thank you for visiting here, please be kind, leave a tag before you go :)

    </center>


    <div class="header3">This life is lived</div>
    <div class="header4">in perfect symmetry</div>

    </div>

    </div>

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

    <div class="h1">Profile Section</div><br>

    <div class="h2">

    <img src="http://s3prod.weheartit.netdna-cdn.com/images/4732486/tumblr_lb9bplT44H1qa7aeso1_500_large.jpg?1288706343" style="width: 400px;"><br><br>

    Someone hiding under your bed .<br>
    Someone whose name is Jane .<br>
    Someone who adores desserts .<br>
    Someone who loves lovely pictures .<br>
    Someone who doesn't like to wake early .<br>
    Someone who likes to stay hidden among people .<br>
    Someone who is shy and quiet .<br>
    Someone who doesn't have much friends .<br>
    Someone who hopes for a better world .<br>
    Someone who is a lazy bug .<br>
    Someone who hates insects .<br>
    Someone who is a cat lover .<br>
    Someone who likes to stay awake past midnight .<br>
    Someone who has a number of creative braincells .<br>
    Someone who is optimistic and mysterious .<br>
    Someone who collects blank notebooks .<br><br>
    Someone who wants you to read her blog . :)


    </div>


    <div class="header3">Spineless dreamers</div>
    <div class="header4">hide in churches</div>

    </div>

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

    <Blogger>

    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>

    <div class="title"><$BlogItemTitle$></div><br>

    <div class="blogtext">
    <$BlogItemBody$></div><br>

    <div class="h2" style="text-align: right;">end of another post .</div><br>

    </Blogger>

    <div class="header3">Pieces of pieces</div>
    <div class="header4">of rush hour buses</div>

    </div>

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

    <div class="h1">links out of here</div><br>

    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br>
    <a href="http://www.blogskins.com" target="_blank">link</a><br><br>

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

    <div class="h2">

    layout by : <a href="http://www.blogskins.com/me/noturcupoftea" target="_blank">noturcupoftea</a><br><br>

    background image : <a href="http://fivepointsapart.blogspot.com/" target="_blank">fivepointsapart</a><br>
    colors by : <a href="http://www.colourlovers.com/palette/1053772/Pink_Tea_Sugar!" target="_blank">colour lovers</a><br>
    profile image : <a href="http://weheartit.com/entry/4732486" target="_blank">weheartit</a><br>
    rainbow links : <a href="http://www.dynamicdrive.com/dynamicindex5/rainbow.htm" target="_blank">dynamic drive</a><br>
    Song from : <a href="http://www.youtube.com/watch?v=5RNePy_awq0&" target="_blank">N.A.S.A. (Feat. Kanye West, Santigold & Lykke Li) - Gifted (Masuka Remix) </a><br><br>
    Lyrics in blogskin from Perfect Symmetry - Keane .<br>

    </div>


    <div class="header3">I dream in emails,</div>
    <div class="header4">worn out phrases</div>

    </div>

    <div id="tagboard" style="display: none;">

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

    <div class="h2">

    Insert your tagboard code here .

    </div>

    <div class="header3">Mile after mile</div>
    <div class="header4">of just empty pages</div>

    </div>
    </div>

    </body>
    </head>
    </html>

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

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

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

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

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

    ความคิดเห็น

    ×