打造博客园最简单的皮肤!

半成品,欢迎提意见~~~~~~~~~~~~~~~~

拒绝图片,拒绝彩色,全站模板中只使用#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  丁学  阅读(4800)  评论(16编辑  收藏