ลำดับตอนที่ #20
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #20 : #Let them eat cake
ยังไม่ได้ใส่โค้ดล้างไอดี เอาไปใช้กรุณาเม้นบอกนะคะ
<html>
<head>
<title>Eat pray love<3</title>
<style type="text/css">
#navbar-iframe { display: none }
::selection { color: #606060; background: #F2EEDF }
::-moz-selection { color: #606060; background: #F2EEDF }
table img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition-duration: 0.4s; cursor: ne-resize }
.left { height: 100%; width: 345px; z-index: 0; background: #ECE5CE; position: fixed; left: 0; top: 0 }
.nav { padding: 10px; font-family: trebuchet ms; letter-spacing: -2; font-size: 22px; text-align: center; vertical-align: middle; width: 150px; height: 40px; background: #FCFBF5 }
.nav:hover { color: #ffffff !important; -webkit-transition-duration: 0.4s; cursor: ne-resize }
table, td, tr, a:active { font-family: trebuchet ms; font-size: 11px; color: #606060; letter-spacing: 1 }
.yay { width: 300px; background-color: #FCFBF5; padding: 10px }
.h1 { font-family: trebuchet ms; letter-spacing: -2; font-size: 22px }
.h2 { font-family: georgia; letter-spacing: 2; font-size: 11px; line-height: 50%; color: #B8AD8A }
.right { background: #ECE5CE; padding: 10px }
a.time { -moz-border-radius: 10 10 0 0; -webkit-border-radius: 10 10 0 0; background: #ECE5CE; padding: 8px }
a:link, a:visited { font-family: trebuchet ms; letter-spacing: 1; font-size: 11px; color: #E08E79; text-decoration: none }
a:hover { color: #F1D4AF; cursor: ne-resize }
a.elite { border-bottom: #FCFBF5 4px solid; font-family: trebuchet ms; letter-spacing: -2; font-size: 22px }
a.elite:hover { border-bottom: #ECE5CE 4px solid; -webkit-transition-duration: 0.4s }
b { color: #E08E79 }
i { font-family: georgia; letter-spacing: 1; font-size: 11px; color: #B8AD8A }
u { text-decoration: none; line-height: 80%; padding: 2px; border-bottom: #E08E79 2px solid }
s { color: #ECE5CE }
em { color: #EB7072; font-style: normal; font-family: arial; font-size: 26px; color: #000; line-height: 70%; letter-spacing: -3px; }
blockquote { -moz-border-radius: 10 10 10 10; -webkit-border-radius: 10 10 10 10; border: 1px #EB7072 dashed; padding: 8px }
blockquote:first-letter { text-transform: uppercase; font-size: 22px; color: #EB7072; font-family: trebuchet ms }
</style>
<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<body bgcolor="#F2EEDF">
<div class="left">
<table border="0" width="320" cellpadding="8" cellspacing="5" style="position: fixed; top: 0; left: 0">
<tr>
<td valign="top">
<center>
<img src="http://i1106.photobucket.com/albums/h377/paramorian326/cake/love.png" width="320" />
</center>
</td>
</tr>
<tr>
<td valign="top">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="nav" style="color: #C5E0DC" onmouseover="this.style.color='#FFFFFF',this.style.background='#C5E0DC'"
onmouseout="this.style.color='#C5E0DC',this.style.background='#FCFBF5'" onclick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">profile
</td>
<td class="nav" style="color: #E08E79" onmouseover="this.style.color='#FFFFFF',this.style.background='#E08E79'"
onmouseout="this.style.color='#E08E79',this.style.background='#FCFBF5'" onclick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">links
</td>
<td class="nav" style="color: #F1D4AF" onmouseover="this.style.color='#FFFFFF',this.style.background='#F1D4AF'"
onmouseout="this.style.color='#F1D4AF',this.style.background='#FCFBF5'" onclick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML">tag
</td>
<td class="nav" style="color: #774F38" onmouseover="this.style.color='#FFFFFF',this.style.background='#774F38'"
onmouseout="this.style.color='#774F38',this.style.background='#FCFBF5'" onclick="document.getElementById('main').innerHTML=document.getElementById('credits').innerHTML">credits
</td>
</tr>
</table>
</center>
</td>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="yay">
<div id="main">
<div class="h1" style="color: #EB7072">hello.</div>
<div class="h2">welcome to my blog</div>
<br>
<br>
Hello. Put a disclaimer here, welcome note or probably a hit counter?
</div>
<div id="profile" style="display: none">
<div class="h1" style="color: #C5E0DC">profile.</div>
<div class="h2">i'm yournamehere by the way</div>
<br>
<br>
Hi, I'm bla bla bla, loves this, hates that, et cetera. <b>Insert profile here.</b>
</div>
<div id="links" style="display: none">
<div class="h1" style="color: #E08E79">affiliates.</div>
<div class="h2">them awesome people</div>
<br>
<br>
<center>
<a class="elite" href="http://myscribbledwords.blogspot.com/">elite</a> <a class="elite" href="http://myscribbledwords.blogspot.com/">elite</a> <a class="elite" href="http://myscribbledwords.blogspot.com/">elite</a> <a class="elite" href="http://myscribbledwords.blogspot.com/">elite</a> <a class="elite" href="http://myscribbledwords.blogspot.com/">elite</a>
<br>
<br>
<a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a> <a href="http://www.blogskins.com/me/ohfudge1">link</a>
</center>
</div>
<div id="tag" style="display: none">
<div class="h1" style="color: #F1D4AF">tagboard.</div>
<div class="h2">talk all you want</div>
<br>
<br>
<center>
Width equal or less than 300px.
</div>
<div id="credits" style="display: none">
<div class="h1" style="color: #774F38">credits.</div>
<div class="h2">thank you's</div>
<br>
<br>
This layout is made by
<a href="http://www.ohfudge.co.nr/" target="_blank">Caye</a>, with color codes from
<a href="http://www.colourlovers.com/palette/49963/let_them_eat_cake" target="_blank">Colourlovers</a>.
Graphics are from
<a href="http://reviviscent.blogspot.com/" target="_blank">Reviviscent</a>.
</div>
</div>
</td>
</tr>
<tr>
<td>
<center>
<br>
<select style="font-size: 10px; border: 0px #eeeeee solid; color: #000000; font-family: helvetica; letter-spacing: 1px; background: #FCFBF5; padding: 5px; width: 320px" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''></option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives>
</select>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top: 50; left: 350">
<tr>
<td valign="top">
<Blogger>
<table border="0" cellspacing="15" cellpadding="10">
<tr>
<td valign="top" width="400" style="background-color: #FCFBF5">
<div class="h1" style="color: #EB7072"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
<br>
<$BlogItemBody$>
<br>
<br>
</td>
<td valign="top" width="100" style="text-align: center">
<a class="time" href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>
<div class="right" style="margin-top: 5px; padding-bottom: 10px">
<script type="text/javascript">
<!-- hide
numquotes = 5;
var quotes = new Array(numquotes);
quotes[0]="<img src=http://i1106.photobucket.com/albums/h377/paramorian326/cake/25.png>";
quotes[1]="<img src=http://i1106.photobucket.com/albums/h377/paramorian326/cake/33.png>";
quotes[2]="<img src=http://i1106.photobucket.com/albums/h377/paramorian326/cake/14.png>";
quotes[3]="<img src=http://i1106.photobucket.com/albums/h377/paramorian326/cake/35.png>";
quotes[4]="<img src=http://i1106.photobucket.com/albums/h377/paramorian326/cake/icon01-4.png>";
var rand = Math.floor(Math.random()*numquotes);
;
// -->
</script>
</div>
</td>
</tr>
</table>
</Blogger>
</tr>
</table>
</body>
</html>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น