ลำดับตอนที่ #19
ตั้งค่าการอ่าน
ค่าเริ่มต้น
- เลื่อนอัตโนมัติ
- ฟอนต์ THSarabunNew
- ฟอนต์ Sarabun
- ฟอนต์ Mali
- ฟอนต์ Trirong
- ฟอนต์ Maitree
- ฟอนต์ Taviraj
- ฟอนต์ Kodchasan
- ฟอนต์ ChakraPetch
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #19 : #i believe i can fly.
<html><head>
<script> function changeNavigation(id)
{document.getElementById('main')
.innerHTML=document.getElementById(id).innerHTML}
</script>
<title>3</title>
<style type="text/css">
@font-face {
font-family: "silkscreen";
src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf');
}
@font-face {
font-family: "caviardreams";
src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf');
}
#navbar-iframe{
display:none;
}
::selection {
color: #999;
background: #fff;
}
body {
font-family: trebuchet ms;
color: #999;
font-size: 10px;
}
a {
text-decoration: none;
font-family: consolas;
font-size: 10px;
color: #999;
}
a.mini {
text-decoration: none;
font-family: silkscreen;
font-size: 8px;
}
a:hover {
text-decoration: none;
border-bottom: 1px dashed #339999;
cursor: default;
padding-bottom: 1px;
}
.h1 {
font-family: silkscreen;
font-size: 8px;
color: #999;
padding: 3px;
background-color: #f8f8f8;
}
.updates {
position: absolute;
line-height: 1.5;
width: 500px;
left: 300px;
top: 46px;
}
.image {
position: relative;
width: 400px;
left: 100px;
top: 40px;
}
.fly {
position: absolute;
top: 260px;
left: 108px;
padding-right: 5px;
background: #fff;
font-family: caviardreams;
font-size: 16px;
letter-spacing: 2px;
width: 150px;
opacity:.50;
filter:alpha(opacity=50%);
float: right;
}
.prof {
position: absolute;
text-align: center;
top: 282px;
left: 108px;
background: #fff;
font-family: silkscreen;
font-size: 8px;
width: 140px;
padding: 5px;
opacity:.50;
filter:alpha(opacity=50%);
}
.moar {
position: absolute;
top: 350px;
left: 108px;
background: #fff;
font-family: silkscreen;
font-size: 8px;
width: 140px;
padding: 5px;
}
.cred {
padding: 5px;
position: fixed;
right: 5px;
bottom: 3px;
font-family: silkscreen;
font-size: 8px;
opacity:.50;
filter:alpha(opacity=50%);
}
blockquote {
border-right: 1px solid #339999;
background-color: #f8f8f8;
padding: 5px;
}
.blogger-labels {
color: #fff;
text-align: right;
}
.blogger-labels a {
font-family: silkscreen;
font-size: 8px;
text-decoration: none;
letter-spacing: 2px;
padding: 5px;
background-color: #f8f8f8;
}
</style></head><body>
<div class="image">
<img src="http://i39.tinypic.com/2qa47xx.jpg" width="150" ></div>
<div class="fly">
<span style="float: right; padding-right: 5px;">“FLY”</span>
</div>
<div class="prof">i'm a dreamer. and one day i'll fly to that limitless sky. (<span onclick="changeNavigation('moar')" style="cursor: default;">more?</span>)</div>
<div class="moar" id="main">
<span style="color: #fff;">don't put anything here for a nicer look.</span></div>
<div id="moar" style="display: none; color: #999;">
<img src="http://i44.tinypic.com/33kfadh.jpg" width="50" style="float: right; padding: 5px; border-radius: 50%;"><br><br>
15, <a class="mini" href="http://flavors.me/undestined">flavors.me</a><br>
i don't have and i don't need friends.<br><br><br>
you can change the picture above to any height, it won't affect this space, as long as you keep the width to 150px.<br><br>
<a class="mini" href="/">link</a>
<a class="mini" href="/">link</a>
<a class="mini" href="/">link</a>
<a class="mini" href="/">link</a>
<a class="mini" href="/">link</a>
</div></div>
<div class="updates">
<Blogger><div class="h1">title: <$BlogItemTitle$><br>
date: <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><br>
<BlogItemCommentsEnabled><$BlogItemCommentCount$> comment(s) <a class="mini" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnCLick$>>+</a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></div></Blogger>
<div class="cred">
<a class="mini" href="http://flavors.me/undestined" target="_blank">layout</a> /
<a class="mini" href="http://css-tricks.com/text-blocks-over-image/" target="_blank">1</a> /
<a class="mini" href="http://themecandy.tumblr.com/customfonts" target="_blank">2</a> /
<a class="mini" href="http://icon-dump-blog.tumblr.com/post/48979019791/moe-from-tomodachi-no-hanashi-icons-100" target="_blank">3</a></div>
</html></body>
เก็บเข้าคอลเล็กชัน
กำลังโหลด...
ความคิดเห็น
กำลังโหลด...
ความคิดเห็น