从有博开始几个月后开始DIY自己的窝窝
今天整理了一下
决定把用过的版面整理出来
下面是我的博客的第一个改版
多么的简单而朴素啊
改的是歪酷的原来版面(点击看大图)
代码如下
##HEADER##
<style type="text/css">
<!--
body {
background:#eee url('http://foto.yculblog.com/momo33/03.jpg');
color: #444444;
font-family: arial, verdana, arial, sans-serif;
}
table, td, p {
font-family: arial, lucida grande, verdana, arial, sans-serif;
font-size: 9pt;
}
a{
text-decoration: none;
color: #444444;
}
a:link{
color:#86AA42;
font-weight: bold;
}
a:hover{
background-color:#A3BF23;
}
a:visited{
color:#86AA42;
}
a:hover {
text-decoration: none;
}
.blog_name { font-size: 20pt; font-weight: bold; text-decoration: none }
.blog_description { font-size: 9pt; color: #A3BF23 }
.post_bg { }
.post_user { font-weight: bold; color: #B35300}
.post_title { font-size: 10.5pt; font-weight: bold; color: #555555; }
a:hover.post_user { color: #Fcc01e; text-decoration: none }
.post_time { color: #999999 }
.calendar_title { color: #444; font-weight: bold }
.calendar_nav { font-family: "Georgia"; cursor: pointer; }
.calendar_grid { font-family: "Georgia"; }
.calendar_dayname { color: #b8b8b8; }
.calendar_today { background-color: #e5e5e5; font-weight: bold; color: #B35300 }
#banner {
padding-left: 1px;
}
#container {
width: 716px;
\width: 736px;
w\idth: 716px;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#sidebarnav {
background:#ffffff url(' http://node2.foto.ycstatic.com/200711/22/7/12432039.jpg ');
width: 198px;
color: #86AA42;
font-size: .7em;
padding-left: 20px;
}
#greentop {
color: #ffffff;
font-size: .6em;
padding: 5px;
background-color: #BCC32D;
}
#orangetop {
color: #ffffff;
font-size: .6em;
padding: 5px;
background-color: #FCC01E;
}
#contentclear {
width: 540px;
background:#ffffff url(' http://node1.foto.ycstatic.com/200711/22/8/12425704.jpg ');]
color: #555555;
font-size: .7em;
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
}
-->
</style>
<body>
<div id="container">
<table cellpadding="5" cellspacing="0" border="0" id="manitable">
<!--header-->
<tbody>
<tr>
<td colspan="2">
<div id="banner">
<p class="blog_name"><a href="/" class="blog_name">{blog.blog_name}</a>
</p>
<p><span class="description">
MOMO的模板试验田
如果误入发现里面一片混乱请镇定
我在改模板^_^ </span></p>
</div>
</td>
</tr>
<!--color nav-->
<tr>
<td width="206">
<div id="orangetop">
</div>
</td>
<td width="548">
<div id="greentop">
</div>
</td>
</tr>
<!--content-->
<tr>
<td valign="top" width="200px">
<div id="sidebarnav" style="width: 198px;">
<table border="0" id="table144" width="198px">
<tbody>
<tr>
<td width="100%">
<span id="calendar_container" style="width:190"></span>
<script language="javascript" src="http://www.yculblog.com/uni-calendar.js"></script>
<script language="Javascript" type="text/javascript">
var strBlogID = "";
var strDatesHasPost = "";
showCalendar(2009,7);
</script>
</td>
</tr>
<!-- BEGIN: folder -->
<tr>
<td><strong>
<li>三三四四</li>
</strong><font></font></td>
</tr>
<tr>
<td>
<table border="0" cellspacing="1" id="table145 " width="192">
<tbody>
<tr>
<td><b>» <a href="archive.html" ;="">
<span style="font-weight: 400">一网打尽</span></a></b></td>
</tr>
<!-- BEGIN: folder_row -->
<tr>
<td><b>»
<a href="archive.{folder.id}.html">
<span style="font-weight: 400">{folder.name}</span></a></b></td>
</tr>
<!-- END: folder_row -->
<!-- BEGIN: folder_unfiled -->
<tr>
<td><b>»</b>
<a href="archive.0.html">
<span style="font-weight: 400">被遗忘的角落</span></a></td>
</tr>
<!-- END: folder_unfiled -->
</tbody>
</table>
</td>
</tr>
<!-- END: folder -->
<!-- BEGIN: last_followups -->
<tr>
<td><strong>
<li>看热闹啦~</li>
</strong></td>
</tr>
<tr>
<td>
<table border="0" cellspacing="1" id="table146">
<!-- BEGIN: followups_row -->
<tbody>
<tr>
<td><b>»</b> {followups.post_time}
<a href="post.{followups.post_id}.html#followups_{followups.id}">
<span style="font-weight: 400">{followups.content_s}</span></a></td>
</tr>
<!-- END: followups_row -->
</tbody>
</table>
</td>
</tr>
<!-- END: last_followups -->
<!-- BEGIN: last_tb -->
<tr>
<td><strong>
<li>Trackback</li>
</strong></td>
</tr>
<tr>
<td>
<!-- BEGIN: tb -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="right" width="30">标题:</td>
<td><a href="{trackback.r_url}" target="_blank">
{trackback.r_title}</a></td>
</tr>
<tr>
<td align="right">时间:</td>
<td>{trackback.trackback_time}</td>
</tr>
<tr>
<td align="right">来自:</td>
<td>{trackback.r_blog_name}</td>
</tr>
<tr>
<td align="right">摘要:</td>
<td>{trackback.r_excerpt}</td>
</tr>
</tbody>
</table>
<!-- END: tb --></td>
</tr>
<!-- END: last_tb -->
<tr>
<td><strong>
<li>大海捞针</li>
</strong></td>
</tr>
<tr>
<td>
<table border="0" cellspacing="1" cellpadding="0" id="table148">
<tbody>
<tr>
<td>##SEARCH## </td>
</tr>
</tbody>
</table>
<!-- BEGIN: link --></td>
</tr>
<tr>
<td><strong>
<li>我的爱爱们</li>
</strong></td>
</tr>
<tr>
<td width="100%" valign="top">
<table width="100%" border="0" cellspacing="1" id="table149">
<tbody>
<tr>
<td><b>»</b>
<a href="http://www.yculblog.com/my.php" target="_blank">
<span style="font-weight: 400">我的秘密花园</span></a></td>
</tr>
<!-- BEGIN: link_row -->
<tr>
<td><b>»</b>
<a href="{link.url}" target="_blank">
<span style="font-weight: 400">{link.name}</span></a></td>
</tr>
<!-- END: link_row -->
</tbody>
</table>
</td>
</tr>
<!-- END: link -->
<tr>
<td width="100%" valign="top" style="margin-top: 0; margin-bottom: 0">
<p align="center">##RSS##</p>
<p align="center">##SMALLLOGO##</p>
<p align="center">0009980</p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td valign="top" align="left">
<div id="contentclear" align="left">{content}</div>
</td>
</tr>
</tbody>
</table>
</div>
##FOOTER##