ลำดับตอนที่ #52
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #52 : BlogSkins . Rubber Flower
BlogSkins . Rubber Flower
<html>
<head>
<title>Weak squeak</title>
<style type="text/css">
body {font-family: "Franklin Gothic Book", sans-serif; font-size: 9pt; text-decoration: none; line-height: 13px; text-align: justify; color: grey; text-align:justify; background-color: #42433e; cursor: crosshair;}
#b-navbar {height:0px; visibility:hidden; display:none}
a:link, a:visited, a:active{;-webkit-transition:1s; font-family: "Franklin Gothic Book", sans-serif; font-size: 9pt; text-decoration: none; font-weight: normal; background-color: none; text-transform: none; color: #999; line-height: 120%;}
a:hover { font-family: "Franklin Gothic Book", sans-serif; font-size: 9pt; font-style: italic; font-weight: normal; color: #83dcc4; text-transform: none; cursor: default; line-height: 120%; cursor: help;}
blockquote {background-color: #fdfbe7; border-left: 5px dashed #fcc4ca; font-family: "Franklin Gothic Book", sans-serif; font-size: 9pt; padding: 10px; color: grey; }
blockquote:first-letter{font-family:georgia; font-size:12pt; font-style:italic; color:#fa7887; font-weight:bold;}
.title{font-family: "Franklin Gothic Book", sans-serif; font-size: 12pt; text-transform: uppercase; color:#d6254d; text-align: center;}
.date{font: 9pt "courier new"; letter-spacing: 0.5px; text-transform: uppercase; text-align: right; border-bottom: 1px solid #ddd; padding: 3px;}
.h6{font: 12pt "georgia"; letter-spacing: 0.5px; text-transform: uppercase; color: #a59a85; text-align: center;}
.h6:first-letter{ font: italic 18pt "georgia"; text-decoration: italic; color: #d6254d;}
.icon{float: right; margin: 10px; border: solid 5px #f2d9a7; height: 65px; width: 65px;}
.navi1{color: transparent; background-color: #ff6583; position: fixed; top: 60px; left: 148px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(-46deg); -webkit-transform: rotate(-43deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi2{color: transparent; background-color: #ff6583; position: fixed; top: 57px; left: 220px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(36deg); -webkit-transform: rotate(36deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi3{color: transparent; background-color: #ff6583; position: fixed; top: 120px; left: 130px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(-106deg); -webkit-transform: rotate(-106deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi4{color: transparent; background-color: #ff6583; position: fixed; top: 120px; left:235px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(106deg); -webkit-transform: rotate(106deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi5{color: transparent; background-color: #ff6583; position: fixed; top: 155px; left:180px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-border-radius: 0px 0px 30px 30px; -webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px; -webkit-transition: 1s;}
.navi6{color: transparent; background-color: #fdefbd; position: fixed; top: 90px; left: 172px; padding: 34px; text-align: center; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-border-radius: 70px 70px 70px 70px; -webkit-border-radius: 70px 70px 70px 70px; -webkit-transition: 1s;}
.navi1:hover{color: transparent; position: fixed; top: 60px; left: 148px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(-46deg); -webkit-transform: rotate(-55deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi2:hover{color: transparent; position: fixed; top: 57px; left: 220px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(-46deg); -webkit-transform: rotate(45deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi3:hover{color: transparent; position: fixed; top: 120px; left: 130px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(-46deg); -webkit-transform: rotate(-115deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi4:hover{color: transparent; position: fixed; top: 120px; left:235px; padding: 28px 22px 22px 22px; text-align: center; -moz-transform: rotate(46deg); -webkit-transform: rotate(115deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-top-right-radius: 30px;-webkit-border-top-left-radius: 30px; -webkit-transition: 1s;}
.navi5:hover{color: transparent; position: fixed; top: 155px; left:180px; padding: 28px 22px 22px 22px; text-align: center; -moz-border-radius: 0px 0px 30px 30px;-webkit-transform: rotate(25deg); -webkit-border-bottom-right-radius: 30px;-webkit-border-bottom-left-radius: 30px; -webkit-transition: 1s;}
.navi6:hover{color: transparent; background-color: #fdeba9; position: fixed; top: 90px; left: 172px; padding: 34px; text-align: center; -moz-transform: rotate(90deg); -webkit-transform: rotate(95deg); -moz-border-radius: 30px 30px 0px 0px; -webkit-border-radius: 70px 70px 70px 70px; -webkit-transition: 1s;}
</style>
</head>
<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
<body>
<span class="navi1" style="text-decoration: blur" onclick="changeNavigation('profile')" title="profile">xl</span>
<span class="navi2" style="text-decoration: blur" onclick="changeNavigation('archives')" title="archives">xl</span></div>
<span class="navi3" style="text-decoration: blur" onclick="changeNavigation('links')" title="links">xl</span></div>
<span class="navi4" style="text-decoration: blur" onclick="changeNavigation('tag')" title="tag">xl</span></div>
<span class="navi5" style="text-decoration: blur" onclick="changeNavigation('etc')" title="etc">xl</span></div>
<span class="navi6" style="text-decoration: blur" onclick="changeNavigation('entry')" title="ENTRIES">xl</span></div>
<div style="top:240; left: 130; position: fixed;">
<span style="font-family: georgia; font-size: 18pt; color: #f6d76b; line-height: 20px;">
rubber flowers<br>
never <font color="#ff9036">squeak</font><br>
</span>
<span style="font-family: georgia; font-size: 15pt; color: #f6d76b; line-height: 20px;">
because they're weak<br>
because they're <font color="#ff9036">weak</font>
</span>
</div>
<div id="main" style="-webkit-border-radius: 0px 0px 30px 30px; -moz-border-radius: 0px 0px 30px 30px; position: absolute; background-color: #fdfbe9; left: 350px; top: 0px; width:487px; padding: 10px 10px 100px 10px; text-align: justify margin-bottom: 10px;">
<div class="h6">Welcome!!</div><br>
BEST VIEWED ON <B>GOOGLE CHROME</B><br>
JUST FINE WITH MOZILLA. (no hover effect as usual)<br>
BUT! <i>Cursed</i> forever on I.E. <br><br>
NAVIGATIONS ARE THE <b>PINK PETALS</b> ON THE LEFT.<br>
Yes, the <b>big cirle</b> at the middle is a navi, too.
<br>
<br>
</div>
<div id="entry" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$></div>
<br>
<$BlogItemBody$>
<br>
<br>
</Blogger>
<br>
</div>
<div id="profile" style="display: none;">
<div class="h6">la belle vita</div><br>
<img src="http://i636.photobucket.com/albums/uu82/fairyflosss/drunkenfairy/s.png" class="icon">
I'm Rainy and sometimes while I put myself to sleep, I hear some weird howling. Like someone's being tickled. It's funny and creepy all at the same time. It happened for 300 times 'til I could not bear it any longer. So one night, I grabbed my coat (yellow, Dolce and Gabbana) and ventured into the dark green forest. The howling got louder. Someone tapped my shoulder and when I looked behind... YOUR VERY VERY LOVELY PROFILE GOES HERE.
<br><br>
<a href="http://twitter.com/sixthsicksheep">twitter</a> | <a href="http://www.sixthsicksheep.info">blog</a> | <a href="http://fairyfloss.tk">fairyfloss</a> | <a href="http://blogskins.com/me/rainymartini">blogskins</a> | <a href="http://facebook.com/sixthsicksheep">facebook</a> | <a href="http://sixthsicksheep.tumblr.com">tumblr</a>
<br>
</div>
<div id="links" style="display: none;">
<div class="h6">affiliates</div><br>
<a href="http://www.sixthsicksheep.info">tarepanda</a>
<a href="http://fairyfloss.tk">is</a>
<a href="http://www.sixthsicksheep.info">not</a>
<a href="http://fairyfloss.tk">really</a>
<a href="http://www.sixthsicksheep.info">creepy,</a>
<a href="http://faiyfloss.tk">is</a>
<a href="http://www.sixthsicksheep.info">he?</a>
<br><br>
</div>
<div id="archives" style="display: none;">
<div class="h6">archives</div><br>
<select style="font-size:10px; color:#777; width:100%; font-family:arial; letter-spacing: 0px; background-color:#fdf9d8; border:1px solid #f0f0f0; text-align:left; padding: 2px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Are we done yet?</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives></select><br>
<br>
</div>
<div id="etc" style="display:none;">
<div class="h6">like, whatever</div><br>
Put some random stuff here. (e.g. Poupee Girl badge, hit counter, music player, name it.)
<br><br>
<div class="h6">take a bow</div><br>
Hello! Please do not remove the credits. Thanks. <br>
Layout by: <a href="http://blogskins.com/me/rainymartini">rainy<a href="http://www.sixthsicksheep.info">martini</a><br>
Icon from: <a href="http://fairyfloss.tk">fairyfloss</a>
<br>
</div>
</div>
<div id="tag" style="display: none;">
<div class="h6">loves me not?</div><br>
tagboard width 460px.
<br>
</div>
</div>
</body>
</html>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น