4.27早晨修改版
以下浏览器测试没有发现大的BUG：
IE6 / IE7 / Firefox2 / Maxthon2 / Opera9 / 腾讯TT3 / Safari3.11(win) / Netscape Navigator9
又改了一些东西，虽然感觉依然不满意，但个人审美水平就到这儿了，无法突破，是不是考虑什么时候找个人教教我关于美工和配色的东西？表告诉我说这东西是天生的要靠灵感和感觉的，我会失望，非常失望的……
在此强烈感谢 棕熊 和 杨正祎(阿一) 两位同学的建议，俺和棕熊同学的审美根本不在同一档次上，可惜他在上海，要不然我非拉他当师傅不可。阿一的审美也强过我，如果要选出对博客园的皮肤最熟悉的人，非他莫属，我是第一次做模板，如果有什么问题，还希望阿一同学指教，哈哈，再次非常感谢！
对比上一篇博文，此次修改了下面的这些内容：
- 1. 修改了“我的闪存”标题的样式和其他SideBar里的标题保持一致
- 2. 增加SideBar和forFlow间的留白
- 3. 修改了部分标题和链接的颜色
- 4. 实在搞不定SideBar和forFlow之间那个竖线，只好把SideBar变成左下右三面边框的样子
- 5. 增加全部页面的行高，看起来好像不像原来那么挤了
- 6. 增大了博客主标题的字体和周围的留白
- 7. 对Tag和相册相关的页面进行了样式控制
- 8. 添加了对Profile.htm页面的样式控制
- 9. 对博文页下面UpdatePanel进行样式控制
另外还是希望dudu和阿一可以尽快把Custom这个模板的博文页发表评论那里的UpdatePanel给重构一下，至少，把文本框宽度的数字加个单位……太窄了，看着好丑……而且给CSS宽度加上单位，这个应该算是解决BUG，不会影响其他模板的使用，希望可以解决，谢谢！
PS：
@阿一，如果没有发现什么错误，现在可以发布为模板，名字嘛，不知道，你帮我取一个喽，呵呵。
@喜欢这个模板的朋友，你们可以等到阿一发布为模板后再选择，也可以自己在后台配置里选择Custom模板，然后把下面这些CSS代码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.8em;}
img{border:0;}
li{list-style:none;}
input,textarea{border:1px solid #999;}
h1,h2,h3,h4,h5,h6,th{font-weight:bold;color:#000;}
a{text-decoration:none;color:#333;}
a:hover{color:#999;}
/**************** 共用部分 ****************/
/* layout */
#sideBar{width:220px;float:left;border:1px solid #999;border-top-width:0;overflow:hidden;padding:0 8px 40px 12px;}
#mainContent{float:right;margin-left:-250px;width:100%;}
.forFlow{margin:0 16px 0 266px;}
#footer{text-align:center;}
/* header */
#lnkBlogLogo{display:none;}
#blogTitle{padding:16px;}
#blogTitle h1{font-size:17pt;}
#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,#MyIng .ing_title{margin:16px 0 0 -8px;font-size:14px;text-align:left;}
#sideBar img{display:none;}
#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,.forFlow h3 div,.galleryTitle{font-size:14px;font-weight:bold;margin-top:20px;text-align:left;}
.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;}
.postBody p{margin-top:12px;}
.postCon a,.postBody a,.feedbackCon a{border-bottom:1px dotted #333;color:#000;}
.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;}
.commentform td div span{margin-left:12px;}
.gallery img{margin:8px;}
#taglist{margin:20px auto;}
.pfl_feedback_area_title{font-size:16px;margin:16px 0;font-weight:bold;}
.pfl_feedback_area_title a{font-size:12px;color:#999;font-weight:normal;}
.pfl_feedbacksubtitle{height:30px;}
.pfl_feedbackname,.pfl_feedbackManage{float:left;margin:10px 20px 0 0;}
.pfl_feedbackCon,.pfl_feedbackAnswer{clear:both;margin-left:12px;}
版权声明：本文原创发表于
博客园，作者为
丁学
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则视为侵权。
posted @ 2008-04-26 07:22
丁学 阅读(936)
评论(13) 编辑 收藏 所属分类:
WEB技术