ลำดับตอนที่ #17
ตั้งค่าการอ่าน
ค่าเริ่มต้น
- เลื่อนอัตโนมัติ
- ฟอนต์ THSarabunNew
- ฟอนต์ Sarabun
- ฟอนต์ Mali
- ฟอนต์ Trirong
- ฟอนต์ Maitree
- ฟอนต์ Taviraj
- ฟอนต์ Kodchasan
- ฟอนต์ ChakraPetch
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #17 : # THROUGH THIS HEART
<! DO NOT REMOVE CREDITS
/*************************************
Creator: Suki
URL: http://blogskins.com/me/suuukiii
Description: ///.01 THROUGH THIS HEART
BLOGSPOT THEME © 2012 Suki. All Rights Reserved.
DO NOT COPY, DO NOT CLAIM AS YOURS, DO NOT REDISTRIBUTE.
Contact me at the URL above or at the email kiiissyouhard[at]gmail.com.
*************************************/
DO NOT REMOVE CREDITS !>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>///.01 THROUGH THIS HEART</title>
<link rel="shortcut icon" href="/" type="image/x-icon" />
<style type="text/css">
body {
color: #b0b0b0;
background: #fbfbfb url(http://imageshack.us/a/img259/1350/ginpachitakasugiii.png) fixed no-repeat;
margin: 0;
width: 930px;}
#navbar-iframe { display: none !important; }
#all {
padding-top: 10px;
padding-left: 300px;
width: 630px;
height: 500px; }
#links {
float: left;
width: 200px; }
#links a {
font-family: "Times New Roman", Times, serif;
color:#fbfbfb;
font-size: 40px;
display:block;
padding: 20px;
letter-spacing: 0px;
font-style:italic;
text-decoration: none;
text-transform: lowercase;
text-align: center;}
#links a:hover {
font-family: "Times New Roman", Times, serif;
color:#ffffff;
font-size: 40px;
padding: 20px;
font-style:italic;
letter-spacing: 0px;
display:block;
text-decoration: none; }
.box1 { background:#ebf7f2;margin-bottom:10px;height:92px; }
.box2 { background:#f8f4f0;margin-bottom:10px;height:92px; }
.box3 { background:#f8f4da;margin-bottom:10px;height:92px; }
.box4 { background:#f3f5d0;margin-bottom:10px;height:92px; }
.box5 { background:#e9e2d7;height:92px; }
.box1:hover { background:none; border-right: 30px solid #ebf7f2; -moz-transition: 1s; -webkit-transition: 1s;}
.box2:hover { background:none; border-right: 30px solid #f8f4f0; -moz-transition: 1s; -webkit-transition: 1s;}
.box3:hover { background:none; border-right: 30px solid #f8f4da; -moz-transition: 1s; -webkit-transition: 1s;}
.box4:hover { background:none; border-right: 30px solid #f3f5d0; -moz-transition: 1s; -webkit-transition: 1s;}
.box5:hover { background:none; border-right: 30px solid #e9e2d7; -moz-transition: 1s; -webkit-transition: 1s;}
#right { float: right;
height: 500px;
width: 420px;}
#entries {
float: left;
width: 340px;
background: #f9f8f9;
height: 500px; }
.title {
font-family: consolas;
font-size: 10px;
color: #929292;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px dashed #929292;
text-shadow: 1px 1px #d0d0d0;
text-align: right;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 1px; }
.date {
font-family: consolas;
font-size: 10px;
color: #929292;
font-style: italic;
text-transform: lowercase;
text-align: right;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px; }
.date a {
color: #c3c3c3;
text-decoration:none;
border-bottom: 2px solid #ebf7f2;}
.date a:hover {
color: #c3c3c3;
background: #ebf7f2;
padding: 3px;
-moz-transition: 1s;
-webkit-transition: 1s;}
.content {
font-family: consolas;
font-size: 10px;
color: #b0b0b0;
text-align: justify;
margin-bottom: 30px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
overflow-y: auto;
padding: 5px;
height: 400px;}
.content a {
color: #c3c3c3;
text-decoration:none;
border-bottom: 2px solid #f8f4f0;}
.content a:hover {
color: #c3c3c3;
background: #f8f4f0;
padding: 3px;
-moz-transition: 1s;
-webkit-transition: 1s;}
b,i,s { color: #e4e4e4; }
u { text-decoration:none; border-bottom:2px solid #f8f4da; }
blockquote { color:#e4e4e4; border-left:10px solid #f3f5d0; padding: 5px; }
#pagination a{
font-family: consolas;
font-size: 60px;
line-height: 40px;
color: #c5c5c5;
font-weight: bold;
text-transform: uppercase;
text-decoration:none;
text-align: center;
display:block;}
#pagination a:hover{
color: #dbdbdb;
-moz-transition: 1s;
-webkit-transition: 1s;}
.credits {
font-family: consolas;
font-size: 9px;
color: #e48095;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 1px #faebed;
text-align: right;
margin-top: 5px;
margin-bottom: 50px;
margin-right: 85px; }
.credits a{
font-family: consolas;
font-size: 9px;
color: #f0b2bf;
font-weight: bold;
text-decoration:none;
text-transform: uppercase;
text-shadow: 1px 1px #faebed; }
</style>
</head>
<body>
<div id="all">
<div id="links">
<div class="box1"><a href="/">home</a></div>
<div class="box2"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('abt').innerHTML">about</a></div>
<div class="box3"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('aff').innerHTML">affiliates</a></div>
<div class="box4"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('tag').innerHTML">tagboard</a></div>
<div class="box5"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('cre').innerHTML">credits</a></div>
</div>
<div id="right">
<div id="entries">
<blogger>
<div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> / <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
<div class="content">
<$blogitembody$>
</div>
</blogger>
</div>
<div id="pagination">
<OlderPosts><a href="<$OlderPosts$>">»</a></OlderPosts><br /><NewerPosts><a href="<$NewerPosts$>">«</a></NewerPosts>
</div>
<div id="abt" style="display: none;">
<div id="entries">
<div class="title">Profile</div>
<div class="date">All about me and this site</div>
<div class="content">
Write something here.
</div>
</div>
</div>
<div id="aff" style="display: none;">
<div id="entries">
<div class="title">Affiliates</div>
<div class="date">My darlings</div>
<div class="content">
Add your lovers here.
</div>
</div>
</div>
<div id="tag" style="display: none;">
<div id="entries">
<div class="title">Chatbox</div>
<div class="date">Talking little talks</div>
<div class="content">
<center>
<img src="http://imageshack.us/a/img253/6397/01cbox.png" />
</center>
</div>
</div>
</div>
<div id="cre" style="display: none;">
<div id="entries">
<div class="title">Credits</div>
<div class="date">The maker</div>
<div class="content">
<!****** DO NOT REMOVE THESE LINES! ******!>
Theme by <a href="http://blogskins/me/suuukiii">Suuukiii</a> ©2012 All Rights Reserved.
<!****** DO NOT REMOVE THESE LINES! ******!>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="credits">© <a href="/">Limited blogskin.</a></div>
</body>
</html>
เก็บเข้าคอลเล็กชัน
กำลังโหลด...
2ความคิดเห็น
กำลังโหลด...
2ความคิดเห็น