ลำดับตอนที่ #69
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #69 : BlogSkins . K.Will - Please Don`t...
BlogSkins . K.Will - Please Don`t...
<html>
<title>이러지마 제발 ♥;</title>
<style type="text/css">
body {
background: none;
background-color:#EDE2CD;
font:10pt calibri;
text-align: left;
color: #666;
cursor:default;
word-wrap: break-word;
}
::-webkit-scrollbar {width:10px; height:auto; background:transparent;}
::-webkit-scrollbar-thumb{ border-radius:10px; background:#777;}
a:link, a:visited
{text-decoration: none; font-weight: none; text-transform: none; color: #999;}
a:active, a:hover
{text-decoration: none; text-transform: none; cursor:crosshair; color:#666;}
strong, b {
text-decoration: bold;
color:#999;
}
em, i {
text-decoration: italic;
color:#999;
}
u, underline {
text-decoration: underline;
color:#999;
}
s, strike {
text-decoration: strike;
color: #999;
}
#navigation span {
margin-bottom: 2px;
padding: 2px;
background-color: #444;
color: #EAEAEA;
font: 9pt arial;
width: 233px;
display: block;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
-webkit-transition: 1s;
}
#navigation span:hover {
background-color: #C66600;
color: #FF9E2B;
cursor: vertical-text;
-webkit-transition: 0.5s;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 0px;
border-bottom-right-radius: 00px;
text-align: center;
}
blockquote{
font: 10pt calibri;
text-align: left;
padding: 5px;
cursor: vertical-text;
background: url('http://i50.tinypic.com/w7ziop.jpg') repeat;
border: 1px solid #999;
width: 450px;
padding-right: 150px;
color: #000;
}
.post embed, object, param {
max-width: 700px;
}
.post pre {
width: 700px;
overflow: auto;
word-wrap: break-word;
background-color: #C8C8C8;
}
.post img{
max-width: 700px;
margin-bottom: 2px;
}
h1 {
font: 10pt tahoma;
background-color: #FFF;
text-align: left;
}
h1:first-letter {
font: 14pt Lucida Calligraphy;
;
}
.arch1 {
border-bottom: 1px solid #C66600;
}
.title {
font: 12pt Arial;
background: none;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
text-transform: none;
color: #666;
text-align: left;
}
.title:first-letter {
font: 14pt lucida calligraphy;
}
.date {
font: 8pt lucida console;
text-transform: uppercase;
background-color: #666;
color: #EAEAEA;
text-align: left;
}
#credits, #archives, #archives a:link, #archives a:visited {
color: #C66600;
}
#credits a:link, #credits a:visited {
color: #FF8605;
}
#credits a:hover, #archives a:hover {
color: #FF9E2B;
}
.profile img{-webkit-transition: 0.7s; opacity: 0.3;}
.profile img:hover{-webkit-transition: 1.5s; cursor: crosshair; opacity: 1;}
::selection {color: #FFD7B7; background-color: #FA7000;}
::-moz-selection {color: #FFD7B7; background-color: #FA7000;}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
<!-- --><style type="text/css"> url(http://www.blogger.com/css/navbar/main.css);
url(http://www.blogger.com/css/navbar/1.css);
div.b-mobile {display:none;}
</style>
<noembed>
<!-- --><!-- --><style type="text/css"> url(http://beta.blogger.com/css/navbar/classic.css);
div.b-mobile {display:none;}
</style>
</head><body> <iframe src="http://beta.blogger.com/navbar.g?blogID=36048451" height="30px" width="100%" marginwidth="0" marginheight="0" scrolling="no" id="navbar-iframe" frameborder="0"></iframe> <div id="space-for-ie"></div> </noembed>
</style>
<!-- DO NOT ADJUST THE WIDTH AND HEIGHT! -->
<div id="mainbody" style="position: absolute; left: 40px; top: 30px; width: 700px; overflow: auto; background-color: #d6d6d6; border-radius: 30px; height: 570px; border: 10px solid #d6d6d6;">
</div>
<div id="navigation" style="position: absolute; left: 50px; top: 45px; background: url('http://i49.tinypic.com/358s1fn.jpg'); width: 700px; height: 170px; overflow: auto; border-radius: 10px;">
<div class="sidebartext" style="margin-left: 350px; padding: 5px; margin-right: 5px;">
<center><img src="http://i45.tinypic.com/1zgdh5e.jpg" style="margin-bottom: -6px;"><br>
Click on the song titles to navigate~<br>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Butterfly</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('posts').innerHTML">이러자마 제발... (Please Don`t...)</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">Bluffing</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('other1').innerHTML">Others 1</span>
<span onClick="document.getElementById('main').innerHTML=document.getElementById('other2').innerHTML">Others 2</span></center>
</div></div>
<div id="main" style="position: absolute; left: 50px; top: 220px; height: 380px; width: 710px; overflow: auto;">
<Blogger>
<div class="title"><$BlogItemTitle$></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<div class="post"><$BlogItemBody$></div>
</Blogger>
</div>
<div id="profile" style="display: none;">
<h1>Beautiful butterfly ;</h1>
<div class="profile"><img src="http://i46.tinypic.com/2hr255h.jpg" width="300px" align="left"></div>
Hello :) Name's anonymous and I love to listen to kballad, especially to K.Will. His voice is of a heaven's angel and so is his heart. ^^ Insert profile [you can remove the chunk of words too]. Replace image if you want.
</div>
<div id="posts" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$></div>
<div class="post"><$BlogItemBody$></div>
</Blogger>
</div>
<div id="links" style="display: none; overflow: auto;">
<h1>I leave you ;</h1>
<a href="http://url.blogspot.com/" target="blank">Boyfriend</a><br>
<a href="http://url.blogspot.com/" target="blank">Sistar</a><br>
<a href="http://url.blogspot.com/" target="blank">Friend 3</a><br>
<a href="http://url.blogspot.com/" target="blank">Friend 4</a><br>
<a href="http://url.blogspot.com/" target="blank">Friend 5</a><br>
OR<br>
<a href="http://url.blogspot.com/" target="blank">Friend 1</a> |
<a href="http://url.blogspot.com/" target="blank">Friend 2</a> |
<a href="http://url.blogspot.com/" target="blank">Friend 3</a> |
<a href="http://url.blogspot.com/" target="blank">Friend 4</a>
</div>
<div id="other1" style="display: none;">
Et Cetera 1
</div>
<div id="other2" style="display: none;">
Et Cetera 2
</div>
<div id="player" style="position: absolute; left: 780px; top: 50px; width: 200px;">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropbox.com/u/35404648/03%20Please%20Don%60t....mp3&t0=이러지마 제발 (Please Don`t)&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
</div>
<div id="credits" style="position: absolute; left: 780px; top: 90px; width: 180px; height: 207px; background: url('http://i48.tinypic.com/2dkhh6d.jpg'); padding: 10px; margin-right: 80px; border-radius: 20px;">
<div class="credittext" style="margin-right: 80px;">
Layout by <a href="http://blogskins.com/me/wetsver" target="blank">wetsver</a><br>
Images from <a href="http://music.naver.com/promotion/specialContent.nhn?articleId=3375" target="blank">Naver Music</a>
</div></div>
<div id="archives" style="position: absolute; left: 780px; top: 347px; width: 180px; height: 207px; background: url('http://i49.tinypic.com/ej7fb6.jpg'); padding: 10px; margin-right: 80px; overflow: auto; border-radius: 20px;">
<div class="archivetext" style="margin-right: 80px;">
<div class="arch1">Post archives</div>
<BloggerPreviousItems>- <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br></BloggerPreviousItems>
</div></div>
</html>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น