นิยาย &YOU ✿ iD DREAM ' > ลำดับตอนที่ #9 : &YOU

ลำดับตอนที่ #9

ลำดับตอนที่ #9 : &YOU | BLOGSKINS.008

อัปเดตล่าสุด 19 พ.ค. 59

&YOU | BLOGSKINS.008

ต้นฉบับ [ x_ / brown ] | preview

<html>
   <head>
   <title>★</title>
   <style type="text/css">
   body{ 
   background:#514F43;
   font-family:arial;
   color:#FFFFFF;
         scrollbar-face-color:#514F43;
         scrollbar-shadow-color:#514F43;
         scrollbar-highlight-color:#514F43;
         scrollbar-3dlight-color:#514F43;
         scrollbar-darkshadow-color:#514F43;
         scrollbar-track-color:#514F43;
         scrollbar-arrow-color:#514F43;
         cursor:w-resize}
        
        a:link, a:visited, a:active{
        color:#85806D;
        text-decoration:none;
        font-family:arial;}

a:hover{
        background:#38362D;
        color:#FFFFFF;
        letter-spacing:1px;
        text-decoration:none;}

::-moz-selection{color:#514F43; background:transparent;}

#main{
border:1px solid #3B3931;
padding:10px;
left:250px;
top:150px;
position:absolute;
font-family:arial;
color:#FFFFFF;
font-size:11px;
background:#4A483D;
width:500px;}

#navigations{
padding:10px;
width:500px;
background:transparent;
color:#ADA890;
font-size:50px;
font-family:arial;
font-weight:bold;
letter-spacing:-5px;
left:260px;
top:68px;
position:absolute;
line-height:70%;}

.head{
font-weight:bold;
text-align:left;
font-size:35px;
font-family:arial;
letter-spacing:-2px;
color:#FCC703;}

.head2{
font-weight:bold;
text-align:left;
font-size:35px;
font-family:arial;
letter-spacing:-2px;
color:#B8AF03;}

.head3{
font-weight:bold;
text-align:left;
font-size:35px;
font-family:arial;
letter-spacing:-2px;
color:#0AA197;}

.head4{
font-weight:bold;
text-align:left;
font-size:35px;
font-family:arial;
letter-spacing:-2px;
color:#D42858;}

.title{
text-transform:uppercase;
font-weight:bold;
font-size:25px;
letter-spacing:-2px;
font-family:arial;
text-align:left;
color:#FFFFFF;}

blockquote{
font-size:12px;
background:#4F4A3E;
border:1px solid #38362D;
color:#FFFFFF;
padding:5px;
text-align:left;}

#navbar-iframe{
display: none;
visibility: hidden;}

s{
color:#D42858;}

b,bold,strong{
color:#B8AF03;
font-weight:bold;}

u {
text-decoration:none;
color:#FCC703;
border-bottom:1px solid #FFFFFF;}

i,em,italic{
color:#0AA197;
text-transform:italic;}

</style>
</head>

<body>

<span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"onMouseOut="this.style.color='#ADA890'" 
onMouseOver="this.style.color='#D42858'">about</span>

<span onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"onMouseOut="this.style.color='#ADA890'" 
onMouseOver="this.style.color='#B8AF03'">entries</span>

<span onClick="document.getElementById('main').innerHTML=document.getElementById('affiliates').innerHTML"onMouseOut="this.style.color='#ADA890'" 
onMouseOver="this.style.color='#FCC703'">links</span>
</div>

<div id="main">
<div class="head">about</div>
navigations are above. :)
</div>

<div style="display:none"; id="profile";>
<div class="head">profile</div>
<span style="font-size:30px;text-transform:uppercase;letter-spacing:-1px;c">NAME♥</span><br>
your profile here (;<br>
<div class="head4">archives</div>
<BloggerArchives><a href='<$BlogArchiveLink$>'><$BlogArchiveName$></a><br></BloggerArchives>
</div>

<div style="display:none"; id="affiliates";>
<div class="head2">affiliates</div>
<a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a>
<a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a>
<a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a>
<a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a>
<a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a>
<a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a> <a href="http://www.blogger.com/">link</a>
<br>

<div class="head3">credits</div>
layout by <a href="http://30eightseconds.blogspot.com/">le</a><a href="http://www.blogskins.com/me/x_empty title="designer"/">en</a>
</div>

<div style="display:none"; id="tagboard";>
<div class="head4">tagboard </div>
your tagboard here. :) 
</div>

</body></html>

แก้ไข | preview

<title></title>
<style type="text/css">
body{ 
   background:#514F43;
   font-family:arial;
   color:#FFFFFF;
         scrollbar-face-color:#514F43;
         scrollbar-shadow-color:#514F43;
         scrollbar-highlight-color:#514F43;
         scrollbar-3dlight-color:#514F43;
         scrollbar-darkshadow-color:#514F43;
         scrollbar-track-color:#514F43;
         scrollbar-arrow-color:#514F43;
         cursor:w-resize}
        
        a:link, a:visited, a:active{
        color:#85806D;
        text-decoration:none;
        font-family:arial;}