模板修改后重新发布
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;}
#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;}