show一下新模板(分享全套CSS和图片)
新模板,喜欢的大家可以自己拿,CSS贴在下面,图片在这里,一共六张图片。或者你可以直接使用我下面提供的CSS,里面对图片已经使用了绝对URL,只要我不换目录,就可以一直使用(换目录的可能性基本为0)。老规矩,本模板依然基于Custom模板,请在后台选择Custom模板并禁用模板默认的CSS,然后把下面的CSS代码贴到你的定制CSS里。
一些说明:
1. 模板创意来自网易博客,我只是修改了一下图片,并针对博客园写了一套CSS,所以美工好不要夸我,美工差也不要拍我;
2. 绿色比较环保,据说还对视力有好处,所以才选择了把这样一个模板引入博客园;
3. 我原来(做/用)的模板是自适应全屏,发现很多人屏幕太宽导致看文章还得扭下头,严重影响视觉连贯性,所以本模板限制了宽度,适用于1024及以上宽度;
4. 因为大家显示器分辨率不断增大,所以很多地方文字被加大到了14px,以方便阅读;
5. 一个BUG:必须选择上日历显示,不然会出问题,那个地方一个div,没办法做屏蔽了;
6. 一个问题:因为本人比较讨厌旧的东西,所以只针对IE7和FF3,IE6肯定显示不好,因为使用了子选择符">",FF2可能也没什么问题;
7. 样式定义太死,所以以前写文章里自己带了样式的,可能会不太好看;
8. 使用了CSS Sprites,但是因为HTML代码无法修改,所以有图片无法全部合并,不然应该是只有一张图片的。
鉴于以上的1、3、5、6、7,所以目前不方便发布成正式模板,大家想用就自己动手吧,不能从后台设置,对此,十分抱歉。
下面是CSS代码,如果需要,请按照第一段里说的步骤去加到你的模板里,有任何问题,请在下面留言,我将尽力解决:
/* do not change */
#EntryTag{margin-top:20px;font-size:9pt;color:gray;}
.topicListFooter{text-align:right;margin-right:10px;margin-top:10px;}
#divRefreshComments{text-align:right;margin-right:10px;margin-bottom:5px;font-size:9pt;}
/* for tags */
*{margin:0;padding:0;}
body{color:#005327;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg1.jpg) repeat-x top #13b66d;font-size:14px;}
table{border-collapse:collapse;}
img{border:0;}
ul{overflow:hidden;}
li{list-style:none;}
h1,h2,h3,h4{font-weight:bold;}
input,textarea{background:ece9d8;border:1px solid #11995b;vertical-align:middle;font-size:12px;padding:2px;}
a{color:#ffffff;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
/* header */
#home{margin:0 auto;width:963px;}
#header{text-align:center;}
#blogTitle{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat -263px 0;height:160px;}
#blogTitle h1{margin-top:80px;}
#blogTitle h1 a{font-size:32px;color:#007034;}
#blogTitle h2{font-size:14px;font-weight:normal;color:#007034;}
#navigator{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat -261px -160px;height:124px;}
#navigator ul{padding:46px 0 0 160px;}
#navigator li{float:left;width:90px;font-weight:bold;}
#navigator img{display:none;}
#navigator a:hover{text-decoration:none;color:#138a59;}
#navigator .blogStats{text-align:right;margin:30px 30px 0 0;}
/* side bar */
#sideBar{width:260px;float:left;overflow:hidden;margin-left:10px;line-height:1.6em;font-size:12px;color:#077042;}
#sideBar h3{color:#9affd5;font-size:14px;}
#calendar{padding:20px;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat 0 -73px;margin-bottom:10px;}
#calendar .Cal{width:200px;height:180px;}
#calendar .CalTodayDay{background:#13b66d;font-weight:bold;}
#calendar .CalTitle{width:120px;margin:auto;font-weight:bold;color:#ffffff;}
.newsItem,#leftcontentcontainer>div{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg2.jpg) no-repeat bottom left;padding:20px;margin-bottom:10px;}
#sideBar h3{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat 0 0;padding:22px 0 30px 26px;margin:-20px;}
#sideBar li{margin-left:1em;text-indent:-1em;}
.divRecentComment{margin-left:1em;}
/* default page */
#mainContent{float:right;margin-left:-290px;width:100%;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg4.jpg) repeat-y 275px 0;}
.forFlow{margin:0 8px 0 274px;overflow:hidden;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg3.jpg) top right no-repeat;}
.day{margin:0 20px;}
.dayTitle{display:none;}
.postTitle{padding:20px 0 10px;font-weight:bold;}
.postCon{margin-left:20px;line-height:1.6em;}
.postDesc{border-bottom:1px dashed #11995b;padding:16px;font-size:12px;text-align:right;}
.topicListFooter{font-weight:bold;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg5.jpg) bottom right no-repeat;margin:0;padding:20px;}
/* view post */
#topics{margin:0 20px;line-height:1.8em;}
#topics .postTitle{margin:auto;width:500px;text-align:center;}
#topics .postTitle a{font-size:24px;color:#005327;line-height:30px;}
#topics .postTitle a:hover{text-decoration:none;}
#topics .postDesc{border:none;padding-bottom:0;}
#topics img{display:none;}
#topics .post img{display:block;}
.postBody p{margin:8px 0;}
#EntryTag{color:#005327;}
.feedback_area_title{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) 0 -434px no-repeat;height:30px;padding:58px 0 0 30px;color:#9affd5;font-weight:bold;}
.feedbackItem{margin:20px;padding-bottom:20px;border-bottom:1px dashed #005327;}
.feedbackManage{float:right;}
.feedbackCon{margin:6px 0 0 20px;}
.commentform{margin:0 20px;}
/* for list */
.entrylistTitle,.PostListTitle,.thumbTitle,.forFlow h3 div,.galleryTitle{font-size:18px;margin:20px 0 0 20px;}
#myposts,.entrylist,#taglist,.gallery{padding:0 20px 20px;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg5.jpg) bottom center no-repeat;}
#myposts .PostList{border-bottom:1px dashed #005327;padding:12px 0;}
#myposts .postDesc2{text-align:right;font-size:12px;}
#myposts .postText2{margin-left:20px;}
.Pager,.entrylistDescription,.thumbDescription,.entrylistItem{margin:8px 20px;}
.entrylistPosttitle{padding:20px 0 10px;font-weight:bold;}
.entrylistPostSummary{margin-left:20px;line-height:1.6em;}
.entrylistItemPostDesc{border-bottom:1px dashed #11995b;padding:16px;font-size:12px;text-align:right;}
.topicListFooter{font-weight:bold;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg5.jpg) bottom right no-repeat;margin:0;padding:20px;}
.gallery table{width:95%;margin:auto;text-align:center;}
#taglist table{text-align:left;margin:20px auto 0;}
/* footer */
#footer{text-align:center;color:#fff;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) -261px -284px no-repeat;height:110px;padding-top:10px;}
#EntryTag{margin-top:20px;font-size:9pt;color:gray;}
.topicListFooter{text-align:right;margin-right:10px;margin-top:10px;}
#divRefreshComments{text-align:right;margin-right:10px;margin-bottom:5px;font-size:9pt;}
/* for tags */
*{margin:0;padding:0;}
body{color:#005327;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg1.jpg) repeat-x top #13b66d;font-size:14px;}
table{border-collapse:collapse;}
img{border:0;}
ul{overflow:hidden;}
li{list-style:none;}
h1,h2,h3,h4{font-weight:bold;}
input,textarea{background:ece9d8;border:1px solid #11995b;vertical-align:middle;font-size:12px;padding:2px;}
a{color:#ffffff;text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
/* header */
#home{margin:0 auto;width:963px;}
#header{text-align:center;}
#blogTitle{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat -263px 0;height:160px;}
#blogTitle h1{margin-top:80px;}
#blogTitle h1 a{font-size:32px;color:#007034;}
#blogTitle h2{font-size:14px;font-weight:normal;color:#007034;}
#navigator{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat -261px -160px;height:124px;}
#navigator ul{padding:46px 0 0 160px;}
#navigator li{float:left;width:90px;font-weight:bold;}
#navigator img{display:none;}
#navigator a:hover{text-decoration:none;color:#138a59;}
#navigator .blogStats{text-align:right;margin:30px 30px 0 0;}
/* side bar */
#sideBar{width:260px;float:left;overflow:hidden;margin-left:10px;line-height:1.6em;font-size:12px;color:#077042;}
#sideBar h3{color:#9affd5;font-size:14px;}
#calendar{padding:20px;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat 0 -73px;margin-bottom:10px;}
#calendar .Cal{width:200px;height:180px;}
#calendar .CalTodayDay{background:#13b66d;font-weight:bold;}
#calendar .CalTitle{width:120px;margin:auto;font-weight:bold;color:#ffffff;}
.newsItem,#leftcontentcontainer>div{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg2.jpg) no-repeat bottom left;padding:20px;margin-bottom:10px;}
#sideBar h3{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) no-repeat 0 0;padding:22px 0 30px 26px;margin:-20px;}
#sideBar li{margin-left:1em;text-indent:-1em;}
.divRecentComment{margin-left:1em;}
/* default page */
#mainContent{float:right;margin-left:-290px;width:100%;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg4.jpg) repeat-y 275px 0;}
.forFlow{margin:0 8px 0 274px;overflow:hidden;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg3.jpg) top right no-repeat;}
.day{margin:0 20px;}
.dayTitle{display:none;}
.postTitle{padding:20px 0 10px;font-weight:bold;}
.postCon{margin-left:20px;line-height:1.6em;}
.postDesc{border-bottom:1px dashed #11995b;padding:16px;font-size:12px;text-align:right;}
.topicListFooter{font-weight:bold;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg5.jpg) bottom right no-repeat;margin:0;padding:20px;}
/* view post */
#topics{margin:0 20px;line-height:1.8em;}
#topics .postTitle{margin:auto;width:500px;text-align:center;}
#topics .postTitle a{font-size:24px;color:#005327;line-height:30px;}
#topics .postTitle a:hover{text-decoration:none;}
#topics .postDesc{border:none;padding-bottom:0;}
#topics img{display:none;}
#topics .post img{display:block;}
.postBody p{margin:8px 0;}
#EntryTag{color:#005327;}
.feedback_area_title{background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) 0 -434px no-repeat;height:30px;padding:58px 0 0 30px;color:#9affd5;font-weight:bold;}
.feedbackItem{margin:20px;padding-bottom:20px;border-bottom:1px dashed #005327;}
.feedbackManage{float:right;}
.feedbackCon{margin:6px 0 0 20px;}
.commentform{margin:0 20px;}
/* for list */
.entrylistTitle,.PostListTitle,.thumbTitle,.forFlow h3 div,.galleryTitle{font-size:18px;margin:20px 0 0 20px;}
#myposts,.entrylist,#taglist,.gallery{padding:0 20px 20px;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg5.jpg) bottom center no-repeat;}
#myposts .PostList{border-bottom:1px dashed #005327;padding:12px 0;}
#myposts .postDesc2{text-align:right;font-size:12px;}
#myposts .postText2{margin-left:20px;}
.Pager,.entrylistDescription,.thumbDescription,.entrylistItem{margin:8px 20px;}
.entrylistPosttitle{padding:20px 0 10px;font-weight:bold;}
.entrylistPostSummary{margin-left:20px;line-height:1.6em;}
.entrylistItemPostDesc{border-bottom:1px dashed #11995b;padding:16px;font-size:12px;text-align:right;}
.topicListFooter{font-weight:bold;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg5.jpg) bottom right no-repeat;margin:0;padding:20px;}
.gallery table{width:95%;margin:auto;text-align:center;}
#taglist table{text-align:left;margin:20px auto 0;}
/* footer */
#footer{text-align:center;color:#fff;background:url(http://www.cnblogs.com/images/cnblogs_com/dingxue/144960/o_bg6.jpg) -261px -284px no-repeat;height:110px;padding-top:10px;}