ลำดับตอนที่ #9
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #9 : BlogSkins . The City That Never Sleeps (ขาว ดำ ตึก)
BlogSkins . The City That Never Sleeps
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML><head>
<title>The City That Never Sleeps</title>
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<style type="text/css">
body {
background-image: url(http://i1015.photobucket.com/albums/af277/sleepingtoys/city/citybg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #F0F0F0;
font: normal 8pt "Arial", sans-serif;
color: #808080;
line-height: 1.5;
text-align: justify;
}
#navbar-iframe{
display: none;height: 0px;
}
#bottom {
background: #222;
height: 20px;
width: 100%;
position: fixed;
bottom: 0;left: 0;z-index: 1;
}
#sun{
padding:5px;
background: #222222;}
#post{
filter: alpha (opacity=90);
-moz-opacity: 0.50; opacity: 0.90;
-webkit-transition-duration:1s;
padding:1px 3px 3px 0px;}
#post:hover{
filter: alpha (opacity=100);
-moz-opacity: 1.00; opacity: 1.00;
-webkit-transition-duration: 1s;
padding:1px 3px 3px 0px;}
#posts {
background: #ffffff;
vertical-align: top;
width: 520px;
-moz-border-radius: 10px 0 10px 10px;
-webkit-border-radius: 10px 0 10px 10px;
padding: 5px 10px 10px 10px;}
#postbody img {
padding: 6px;
background:#fafafa;
border: 1px solid #e1e1e1;}
#music img {
padding: 6px;
background:#111;
border: 0px solid #222;}
#moon {
background: transparent;
position: absolute;
top: 20px;
left: 315px;
width: 60%; }
#rain {
position: fixed;
width: 250px;
bottom: 10px;
left: 50px;}
#rain #content {
-webkit-border-radius: 10px 10px 0 0px;
-moz-border-radius: 10px 10px 0 0px;
background: #222222;
color: #999;
margin: 10px 0 0;
padding: 8px; }
::selection {
color: #888888;
background: #f5f5f5; }
::-moz-selection{
background: #f5f5f5;
color: #888888;}
.blogger-labels{
border-top: 1px solid #f8f8f8;
font-size: 10px;
padding-top: 5px;
margin: 10px auto 0 auto;
text-align: right;}
strong, b {color:#81A8B8;}em, i {color: #B94159 ; font-weight:bold;}u {color: #A79C8E ;border-bottom: 1px solid #A79C8E;}
a {
font: bold 8.5pt "helvetica", sans-serif;
color: #888;
text-decoration: none;
text-transform: lowercase;}
a:hover {
-moz-transition-duration: 1s;
-webkit-transition-duration:1s;
color: #ffffff; }
blockquote {
background-image:url("http://i589.photobucket.com/albums/ss333/HeartsAloud/dl/hbq.gif");
background-repeat: no-repeat;
background-position:top right;
font: normal 8pt "arial", monospace;
color: #999;
margin: 1px 0px 1px 0px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eee;
-webkit-transition-duration:1s;
padding: 9px 0px 9px 0px; }
blockquote:hover {
-webkit-transition-duration:1s;
color: #555; }
.date {
font: normal 20pt "helvetica", sans-serif;
text-transform: lowercase;
color:#dddddd;
letter-spacing:-3pt;}
.title {
font: normal 18pt "helvetica", sans-serif;
border-bottom: 1px solid #f5f5f5;
margin-top:-10pt;
margin-bottom:2px;
font-style:italic;
letter-spacing: -2pt;
color:#f1f1f1;
text-transform: lowercase; }
.time{
font: bold 30pt "arial", sans-serif;
-moz-border-radius: 0 7px 7px 0px;
-webkit-border-radius: 0 15px 15px 0px;
height: 50px;
background: #f9f9f9 !important;
padding: 1px 3px 3px 0px;
float: left;
position: relative;
color:#f1f1f1;
font-weight:bold;
letter-spacing:-6.5pt;
filter: alpha (opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
-webkit-transition-duration:1s;
}
.time:hover{
filter: alpha (opacity=90); -moz-opacity: 0.90; opacity: 0.90;
-webkit-transition-duration:1s;
padding:1px 3px 3px 0px;}
.clouds{
font: normal 18pt "helvetica", sans-serif;
font-color:#333333;
letter-spacing:-2pt; }
.sky{
text-align: right;
padding: 0 9px 0px 0px;
font: bold 40pt "helvetica", sans-serif;
letter-spacing:-7pt;
text-transform: lowercase;
line-height:50%;
color:#222;}
.navi {
background: #222222;
color: #555555;
border-bottom: 1px solid #333;
font: normal 8pt "helvetica", sans-serif;
letter-spacing: 3pt;
margin: 0;
padding: 8px 5px;
text-align: right;
text-transform: uppercase;
-webkit-transition-duration:1s; }
.navi:hover {
-webkit-transition-duration:1s;
background: #222;
color: #999999;
cursor: default;
border-right:140px solid #333; margin-right: 0px;}
a.label:link, a.label:active, a.label:visited {
text-decoration: none; display: block; font: bold 30pt "arial", sans-serif; color: #e4e4e4; text-align: center; padding-bottom: 3px; margin:5px;
}
a.label:hover{
color: #A6ACA7; }
</style></head>
<body>
<div id="rain">
<div class="sky">
The City That Never Sleeps
</div>
<div id="content">
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/3.jpg">
Best viewed in <b>Google Chrome</b>, screen resolution 1280 x 1024.
Do not put too much content under each header or else some of the content could not be seen.
</div>
</div>
<div class="navi" style="border-top: none;" onClick="changeNavigation('about')">ABOUT</div>
<div class="navi" onClick="changeNavigation('affiliates')">AFFILIATES</div>
<div class="navi" onClick="changeNavigation('archive')">ARCHIVES</div>
<div class="navi" onClick="changeNavigation('tagboard')">TAGBOARD</div>
<div id="sun">
</div>
<div id="about" style="display: none;">
<div class="clouds">profile</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/1.jpg">
It's best to keep it short and sweet. (:
</div>
</div>
<div id="affiliates" style="display: none;">
<div class="clouds">affiliates</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/5.jpg">
<a href="http://struckbywanderlust.tumblr.com" target="_blank">tumblr</a>
<a href="http://heartsaloud.livejournal.com" target="_blank">livejournal</a>
<a href="http://heartsinink.livejournal.com" target="_blank">heartsinink</a>
<a href="http://twitter.com/heartsaloud" target="_blank">twitter</a>
<div class="clouds">credits</div>
This skin is made by <a href="http://blogskins.com/me/sleepingtoys" target="_blank">sleeping</a><a href="http://about.me/halfway" target="_blank">toys</a>.<br>
Resources: <a href="http://www.sxc.hu/" target="_blank">1</a>, <a href="http://weheartit.com/entry/2591643" target="_blank">2</a>,
<a href="http://weheartit.com/entry/442753" target="_blank">3</a>, <a href="http://weheartit.com/entry/2868529" target="_blank">4</a>,
<a href="http://weheartit.com/entry/2867826" target="_blank">5</a>
</div>
</div>
<div id="archive" style="display: none;">
<div class="clouds">archives</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/4.jpg">
<td width="235px" valign="top">
<form name="form1">
<select style="font-size:8pt;color:#999999;font-family: helvetica;background-color:#333333; border:1px solid #222222; padding: 0px; width: 235px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Archives</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
</form>
</td>
</div>
</div>
<div id="tagboard" style="display: none;">
<div class="clouds">talk</div>
<div id="music">
<img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/2.jpg">
Any usable chat widget goes in here.<br>
A pop-up <a href="http://cbox.ws">cbox</a> is recommended.
If you do not want a pop-up cbox, its width should not exceed 250px.
</div></div>
</div>
<div id="moon">
<br><br><br>
<Blogger>
<br>
<table id="post" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="posts">
<div class="date">posted : <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<div class="title">title : <$BlogItemTitle$></div>
<div id="postbody"><$BlogItemBody$></div>
<td valign="top" width="112">
<div class="time" align="center"><a class="label" href="#top">
<$BlogItemDateTime$> </a>
</div></div>
</td></tr></table>
</Blogger>
<br><br>
<div id="bottom"></div>
</div>
</body></html>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น