博客园-丁学的博客-随笔分类-WEB技术http://www.cnblogs.com/dingxue/category/87651.html午饭后顶着大太阳进入楼门的一刹那，突然发现原来幸福是如此简单的一件事zh-cnTue, 29 Jul 2008 13:42:19 GMTTue, 29 Jul 2008 13:42:19 GMT60show一下新模板(分享全套CSS和图片)http://www.cnblogs.com/dingxue/archive/2008/07/15/1243613.html丁学丁学Tue, 15 Jul 2008 10:41:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/07/15/1243613.htmlhttp://www.cnblogs.com/dingxue/comments/1243613.htmlhttp://www.cnblogs.com/dingxue/archive/2008/07/15/1243613.html#Feedback28http://www.cnblogs.com/dingxue/comments/commentRss/1243613.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1243613.html新模板，喜欢的大家可以自己拿，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;}
]]>Firefox2的一个bug和脑子进了水的IEhttp://www.cnblogs.com/dingxue/archive/2008/06/03/1212553.html丁学丁学Mon, 02 Jun 2008 23:34:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/06/03/1212553.htmlhttp://www.cnblogs.com/dingxue/comments/1212553.htmlhttp://www.cnblogs.com/dingxue/archive/2008/06/03/1212553.html#Feedback9http://www.cnblogs.com/dingxue/comments/commentRss/1212553.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1212553.html阅读全文]]>用javascript操纵GridView中CheckBox的两个常用技巧http://www.cnblogs.com/dingxue/archive/2008/05/19/1202305.html丁学丁学Sun, 18 May 2008 23:51:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/05/19/1202305.htmlhttp://www.cnblogs.com/dingxue/comments/1202305.htmlhttp://www.cnblogs.com/dingxue/archive/2008/05/19/1202305.html#Feedback15http://www.cnblogs.com/dingxue/comments/commentRss/1202305.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1202305.html阅读全文]]>用javascript/css实现GridView行背景色交替、点击行变色http://www.cnblogs.com/dingxue/archive/2008/05/19/1202303.html丁学丁学Sun, 18 May 2008 23:43:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/05/19/1202303.htmlhttp://www.cnblogs.com/dingxue/comments/1202303.htmlhttp://www.cnblogs.com/dingxue/archive/2008/05/19/1202303.html#Feedback21http://www.cnblogs.com/dingxue/comments/commentRss/1202303.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1202303.html阅读全文]]>模板修改后重新发布http://www.cnblogs.com/dingxue/archive/2008/04/26/1171778.html丁学丁学Fri, 25 Apr 2008 23:22:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/04/26/1171778.htmlhttp://www.cnblogs.com/dingxue/comments/1171778.htmlhttp://www.cnblogs.com/dingxue/archive/2008/04/26/1171778.html#Feedback13http://www.cnblogs.com/dingxue/comments/commentRss/1171778.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1171778.html阅读全文]]>打造博客园最简单的皮肤！http://www.cnblogs.com/dingxue/archive/2008/04/19/1160760.html丁学丁学Sat, 19 Apr 2008 00:10:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/04/19/1160760.htmlhttp://www.cnblogs.com/dingxue/comments/1160760.htmlhttp://www.cnblogs.com/dingxue/archive/2008/04/19/1160760.html#Feedback15http://www.cnblogs.com/dingxue/comments/commentRss/1160760.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1160760.html阅读全文]]>XHTML/CSS记忆力大测试，两项都超过我，我请你吃饭！(今天不再是愚人节)http://www.cnblogs.com/dingxue/archive/2008/04/03/xhtml_css_test.html丁学丁学Wed, 02 Apr 2008 22:40:00 GMThttp://www.cnblogs.com/dingxue/archive/2008/04/03/xhtml_css_test.htmlhttp://www.cnblogs.com/dingxue/comments/1133797.htmlhttp://www.cnblogs.com/dingxue/archive/2008/04/03/xhtml_css_test.html#Feedback71http://www.cnblogs.com/dingxue/comments/commentRss/1133797.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/1133797.htmlhttp://space.cnblogs.com/forum/topic/1782/
你对XHTML和CSS了解多少？又记住了多少？来做个测验吧！XHTML和CSS两项测试仅需14分钟（CSS8分钟，XHTML6分钟，没办法，CSS太复杂了）
写了一晚上加一早晨，累死我了~~~~~~~~~看来长时间不写代码，人的确会退化的，要转载的记得给个链接
评论一楼是我的成绩，看看你能到多少，两项都超过我的，可以考虑过来混我顿饭吃，哈哈（当代浏览器和文本编辑器功能过于强大，耍赖轻而易举，不过，下一个愚人节要等一年后，呵呵）
混饭的请注意：本人在北京天通苑，路费自负啊
帮助：点击两个按钮中的一个即开始相应的测试，测试开始后倒记时同时开始，XHTML倒记时6分钟，CSS倒记时8分钟，每当你输入一个正确的标签即会自动出现在下面“你已经想起来的”里面，时间到了之后会提示你没想起来的，呵呵，很简单，抓紧时间啊，不  阅读全文]]>用DIV模拟弹出窗口－－窗体滚动跟随－－丁学http://www.cnblogs.com/dingxue/archive/2007/09/03/879654.html丁学丁学Mon, 03 Sep 2007 00:42:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/09/03/879654.htmlhttp://www.cnblogs.com/dingxue/comments/879654.htmlhttp://www.cnblogs.com/dingxue/archive/2007/09/03/879654.html#Feedback10http://www.cnblogs.com/dingxue/comments/commentRss/879654.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/879654.html阅读全文]]>一个简单但常用的表格样式－－鼠标划过行变色－－简洁实现http://www.cnblogs.com/dingxue/archive/2007/08/09/848555.html丁学丁学Wed, 08 Aug 2007 23:12:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/08/09/848555.htmlhttp://www.cnblogs.com/dingxue/comments/848555.htmlhttp://www.cnblogs.com/dingxue/archive/2007/08/09/848555.html#Feedback19http://www.cnblogs.com/dingxue/comments/commentRss/848555.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/848555.html阅读全文]]>关于IE7关闭窗口时总是提示和上传图片前的本地预览解决办法http://www.cnblogs.com/dingxue/archive/2007/06/19/788449.html丁学丁学Tue, 19 Jun 2007 00:50:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/06/19/788449.htmlhttp://www.cnblogs.com/dingxue/comments/788449.htmlhttp://www.cnblogs.com/dingxue/archive/2007/06/19/788449.html#Feedback26http://www.cnblogs.com/dingxue/comments/commentRss/788449.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/788449.html阅读全文]]>这人要是无聊了啊，还真什么事儿都干得出来http://www.cnblogs.com/dingxue/archive/2007/06/11/778655.html丁学丁学Sun, 10 Jun 2007 22:58:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/06/11/778655.htmlhttp://www.cnblogs.com/dingxue/comments/778655.htmlhttp://www.cnblogs.com/dingxue/archive/2007/06/11/778655.html#Feedback12http://www.cnblogs.com/dingxue/comments/commentRss/778655.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/778655.html阅读全文]]>Internet Explorer Developer Toolbar终于发布正式版了http://www.cnblogs.com/dingxue/archive/2007/05/10/741968.html丁学丁学Thu, 10 May 2007 10:37:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/05/10/741968.htmlhttp://www.cnblogs.com/dingxue/comments/741968.htmlhttp://www.cnblogs.com/dingxue/archive/2007/05/10/741968.html#Feedback10http://www.cnblogs.com/dingxue/comments/commentRss/741968.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/741968.html阅读全文]]>IE对input元素onchange事件的支持BUGhttp://www.cnblogs.com/dingxue/archive/2007/03/23/684807.html丁学丁学Thu, 22 Mar 2007 23:54:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/03/23/684807.htmlhttp://www.cnblogs.com/dingxue/comments/684807.htmlhttp://www.cnblogs.com/dingxue/archive/2007/03/23/684807.html#Feedback7http://www.cnblogs.com/dingxue/comments/commentRss/684807.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/684807.html由验证控件引起的IE的超级爆笑BUG ），因为VS生成的代码中有N多Javascript，当时也没空去看到底是哪里出的问题，今天早上醒得太早了，终于有时间看看到底是什么原因了。
经测试，最后发现是IE对input元素的onchange事件支持有问题，下面来看代码：  阅读全文]]>DIV中滚动条设置到随机位置(CSS+Javascript)http://www.cnblogs.com/dingxue/archive/2007/03/18/678839.html丁学丁学Sun, 18 Mar 2007 04:17:00 GMThttp://www.cnblogs.com/dingxue/archive/2007/03/18/678839.htmlhttp://www.cnblogs.com/dingxue/comments/678839.htmlhttp://www.cnblogs.com/dingxue/archive/2007/03/18/678839.html#Feedback4http://www.cnblogs.com/dingxue/comments/commentRss/678839.htmlhttp://www.cnblogs.com/dingxue/services/trackbacks/678839.html阅读全文]]>