半成品，欢迎提意见~~~~~~~~~~~~~~~~
拒绝图片，拒绝彩色，全站模板中只使用#333/#666/#999/#ccc/#ddd/#f6f6f6六种颜色，简单生活！
拒绝代码垃圾，拒绝CSS hack，CSS文件不到3K，给浏览器最快的解析体验！
可惜啊，这只是个半成品，只在IE7和FF2下测试通过，而且个别我从未用过的页面可能给忘掉了
使用了Custom模板，顺便问几个问题：
- 1. 模板页面中的Profile.htm是博客中的哪个页面？找半天也没看到一个很它相像的页面
- 2. Tag页面和相册页（不是相册列表，是相册列表中相片点进去之后那个页面）在下载的模板文件中不存在？
- 3. “我的tag列表”页面的标题<h3>直接跟在了class="forFlow"之后，所以无法用只针对页面的选择符去控制，虽然效果很容易做到，但总觉得不爽
- 4. 随笔页下面那个UpdatePanel中评论框宽度有数值没单位，我可以控制，但我觉得还是DUDU来改下程序比较好
- 5. 评论下面的“看看谁阅读了该文章”和“所属分类的的其他文章”都不在下载的模板文件里存在
- 6. UpdatePanel中三部分在同一个table时而这个table却没有class，建议给这三部分以分别的class，把inline style去掉吧
下面是代码，有需要的同志自己来拿，请在配置里选择Custom模板，然后把这些COPY到“通过CSS定制页面”中，并“禁用模板默认CSS”保存即可：
/*********************** 公共样式 ***********************/
#EntryTag{margin-top:20px;font-size:9pt;color:gray;}
#divRefreshComments{text-align:right;margin-right:10px;margin-bottom:5px;font-size:9pt;}
.topicListFooter{text-align:right;margin-right:10px;margin-top:10px;}
/*********************** 标签默认 ***********************/
*{margin:0;padding:0;}
body{color:#333;background:#FFF;font-family:"verdana","宋体","Arial";font-size:9pt;line-height:1.6em;}
img{border:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,th{font-weight:bold;}
a{text-decoration:none;color:#333;}
a:hover{color:#999;}
/*********************** 共用部分 ***********************/
/* layout */
#sideBar{width:220px;float:left;border-right:1px solid #999;overflow:hidden;padding:0 6px 0 12px;}
#mainContent{float:right;margin-left:-240px;width:100%;}
.forFlow{margin:0 8px 0 250px;}
#footer{text-align:center;}
/* header */
#lnkBlogLogo{display:none;}
#blogTitle{padding:16px;}
#blogTitle h1{font-size:16pt;}
#blogTitle h2{font-size:10.5pt;color:#999;}
#navigator{background:#f6f6f6;border:1px solid #ccc;border-width:1px 0;height:17px;padding:6px;color:#999;}
#navigator img{display:none;}
.blogStats{float:right;color:#999;}
#navList li{float:left;margin-right:20px;font-size:10.5pt;}
/* sideBar */
#sideBar li,.divRecentCommentAticle{text-indent:-1.5em;margin-left:1.5em;}
#sideBar h3{margin:16px 0 0 -8px;font-size:14px;}
#sideBar h3 img{visibility:hidden;}
#calendar{margin-top:16px;text-align:center;}
#calendar table{width:90%;margin:0 auto;}
#calendar .CalOtherMonthDay{color:#999;}
#sideBar .divRecentComment{color:#666;margin:0 0 8px 8px;}
/*********************** 各子页面 ***********************/
.dayTitle{display:none;}
.entrylistTitle,.thumbTitle,.PostListTitle{font-size:14px;font-weight:bold;margin-top:20px;}
.entrylistDescription,.thumbDescription{margin-left:16px;}
.postTitle,.entrylistPosttitle,.feedback_area_title{border-bottom:1px solid #ddd;font-size:14px;font-weight:bold;margin:20px 0 10px;}
.postCon a,.postBody a,.feedbackCon a{border-bottom:1px dotted #333;}
.postCon a:hover,.postBody a:hover,.feedbackCon a:hover{border-color:#999;}
.postDesc,.entrylistItemPostDesc{border-bottom:1px dotted #999;color:#999;text-align:right;padding-bottom:20px;}
.PostList{float:none;clear:both;text-align:right;width:96%;margin:auto;padding:6px 0;overflow:hidden;border-bottom:1px dotted #ccc;}
.postTitl2{float:left;}
.postText2{text-align:left;color:#666;}
.feedbackItem{padding:8px;border-bottom:1px dotted #ccc;}
.feedbackManage{float:right;}
.feedbackCon{margin-left:1em;color:#666;}
版权声明：本文原创发表于
博客园，作者为
丁学
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则视为侵权。
posted @ 2008-04-19 08:10
丁学 阅读(812)
评论(15) 编辑 收藏 所属分类:
WEB技术