您的位置:首页 > 其它

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

2008-04-19 08:10 351 查看
半成品,欢迎提意见~~~~~~~~~~~~~~~~

拒绝图片,拒绝彩色,全站模板中只使用#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;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: