ลำดับตอนที่ #6
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #6 : COTTON ❤[iddream] Perfect symmetry
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> |
เก็บเข้าคอลเล็กชัน
ความคิดเห็น