2个符合Web标准的布局模板分享

当前位置：首页 > css应用 > 2个符合Web标准的布局模板分享

Jan5th

diyidu css应用 36 人阅读了此文我来说两句！

如题。这两个模板都采用了div+css的书写规则，并且其css皆已通过了W3C的验证。~~低一度在原设计的基础上，已对代码做了进一步的优化，且略微调整了布局结构，使之更加美观，更符合大众的审美口味。~~因此，如果您已具备一定的技术能力，并懂得制作程序模板或设计web的话，那么您可以试着将两个模板的框架结构套用到zb、pj、wp、bo等博客程序的theme上，或单独搭建、设计一个简单的站点。正所谓：“依葫芦可画瓢”，有了模板框架的参考，相信你做起来一定能事半功倍。OK，先看预览——

Website Template 1

Website Template 2

下载模板请点这儿——Website template.rar

本文出自：低一度，地址：http://www.diyidu.cn/post/website_template.html，转载须注明！

或许你会感兴趣的文章：

to "2个符合Web标准的布局模板分享" 引用该日志！

#1 平平回复该留言 2010-1-5 19:35:26

我想知道我的是不是符合啊？哎。
diyidu 于 2010-1-5 19:43:54 回复
我给你检测了下，你的
CSS2下有19处错误：
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ping-ping.cn%2F&profile=css21&usermedium=all&warning=1&lang=zh-cn
css3下有16处错误：
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ping-ping.cn%2F&profile=css3&usermedium=all&warning=1&lang=zh-cn
自己看看：）
小Will 于 2010-1-8 19:41:34 回复
很喜歡第一個橙色的模板……
支持博主，繼續發這類的文章吧！
#2 TONY 回复该留言 2010-1-5 20:40:05

收下了！
diyidu 于 2010-1-5 21:02:12 回复
呵呵，收吧！
#3 loker 回复该留言 2010-1-5 20:58:40

第二个很不错。
diyidu 于 2010-1-5 21:04:16 回复
谢谢鼓励。
#4 虫儿回复该留言 2010-1-5 21:09:31

第一个比较简洁。
diyidu 于 2010-1-5 21:22:53 回复
看来是萝卜青菜各有所爱。
#5 吉光片羽回复该留言 2010-1-5 21:12:18

第一个不错，我就喜欢移植，原创设计，别为难我……
diyidu 于 2010-1-5 21:25:23 回复
呵呵，吉光片羽来啦？久仰啊！
#6 喵喵呜回复该留言 2010-1-5 21:18:34

两个都好看……我也想换主题了，最近事太多，都没时间搞，谢谢博主，我先收着！
diyidu 于 2010-1-5 21:26:28 回复
不客气，谢谢你喜欢。
#7 笨笨回复该留言 2010-1-5 22:29:55

今天网络非常的差，能第一次来访也算是回访，今天就扯淡了，明天网络好点慢慢来欣赏你的作品。
diyidu 于 2010-1-5 23:19:41 回复
呵呵，难得你这么有心。
#8 凯旋在子夜回复该留言 2010-1-5 22:51:49

建议把网页背景色设置为白色。虽然你不设置，多数情况下浏览器会使用默认的白色，但如果电脑背景色不是白色的话，IE全部按电脑的背景色来显示页面的，这样看起来的效果就会大打折扣。
diyidu 于 2010-1-5 23:20:42 回复
谢谢提醒，之前没考虑到这种情况：）
#9 路大侠回复该留言 2010-1-5 23:00:03

恭喜恭喜。
diyidu 于 2010-1-5 23:17:30 回复
恭喜？喜从何来？
#10 内大臣回复该留言 2010-1-5 23:29:25

第一个不错，能借我用用不？
diyidu 于 2010-1-5 23:31:16 回复
我都让大家下载了，没看到？
#11 迷失回复该留言 2010-1-5 23:40:09

哇，师傅又出新模板了，膜拜一下。
diyidu 于 2010-1-5 23:43:56 回复
汗，别看走眼了，这个不是ZB主题，是CSS模板。
#12 evlos 回复该留言 2010-1-6 1:31:19

呵呵，不错噢！纯欣赏一下~
diyidu 于 2010-1-6 8:18:24 回复
纯感谢一下：）
#13 liuzm 回复该留言 2010-1-6 9:42:29

第一个很不错哦，我喜欢哦。可惜我用不了。哈哈。
真的，我昨天把博客评论改了下子哦。您去试试看咧。哈哈。
diyidu 于 2010-1-6 11:26:21 回复
怎么会用不了？PJ也可以套用的。
#14 秋天一棵树回复该留言 2010-1-6 9:53:30

第一个挺漂亮，而且还符合WEB标准，顶一个！
diyidu 于 2010-1-6 11:27:01 回复
呵呵，谢谢支持：）
#15 exia 回复该留言 2010-1-6 12:34:23

web标准是个什么概念呢？
diyidu 于 2010-1-6 12:51:00 回复
css+xhtml．
#16 SEO 回复该留言 2010-1-6 14:55:38

div还要改进！
diyidu 于 2010-1-6 15:00:05 回复
是吗？再看看，谢谢呵。
#17 白银时代回复该留言 2010-1-6 17:35:59

点广告就得点得专业点。
哈哈，Google会判断页面停留和后续动作的。
diyidu 于 2010-1-6 17:54:15 回复
呵呵，好，向你学习。
#18 开心凡人回复该留言 2010-1-6 17:57:33

第一个挺漂亮。
diyidu 于 2010-1-6 18:09:01 回复
你不是一般的凡人，哈哈。
#19 colin 回复该留言 2010-1-6 18:08:56

第一个比第二个好点，最近不怎么喜欢黑色，觉得眼看得累。
diyidu 于 2010-1-6 18:11:44 回复
呵呵，也有人喜欢2的。各有所爱：）
#20 Yimi 回复该留言 2010-1-6 18:54:35

第一个不错，收藏了。
diyidu 于 2010-1-6 19:05:28 回复
欢迎，多提意见呵。
#21 Desert 回复该留言 2010-1-6 19:12:08

第二个不错。不过不知道为什么你的博客我怎么不能记住，每次来了都要输入信息。
diyidu 于 2010-1-6 20:22:41 回复
不知道是不是浏览器设置问题，晕哦。
#22 apollools 回复该留言 2010-1-6 19:45:19

很漂亮！~很简洁，喜欢简洁的主题~有个live demo预览就更好了~~:D
diyidu 于 2010-1-6 20:24:37 回复
下载以后，直接用浏览器打开就可以看效果了。
#23 haibor 回复该留言 2010-1-6 19:57:59

Website Template 1 不错哦！同样帮你点了一下GG的AD！常来常往。
diyidu 于 2010-1-6 20:26:29 回复
呵呵，感谢！
#24 孟智回复该留言 2010-1-6 20:20:29

很漂亮的模板，谢谢分享。
diyidu 于 2010-1-6 20:28:21 回复
不客气，常来哦。多提意见。
#25 奋飞回复该留言 2010-1-6 20:53:23

不错，支持一个。
diyidu 于 2010-1-6 20:56:07 回复
谢谢呵。问好一下。
#26 人在旅途回复该留言 2010-1-6 21:13:20

不错哦！学习一下！
不过我比较喜欢1:2:1的那种三栏风格！
diyidu 于 2010-1-6 21:18:23 回复
css布局样式好多种哦，很难说哪种好，仁者见仁吧。
#27 liuzm 回复该留言 2010-1-6 22:08:43

PJ可以用此模版吗？呵呵，我没有试过哦，哈哈，那就好了，以后就可以用你做的模版了咧。
diyidu 于 2010-1-6 22:20:17 回复
你还是不明白。这两个只是CSS模板，只是搭设了个大概框架，
许多程序都可以用的，但是需要自己动手制作。
#28 dev 回复该留言 2010-1-6 22:41:03

看样子不错，加油！
diyidu 于 2010-1-7 8:12:10 回复
恩，谢谢鼓励。
#29 SATURN 回复该留言 2010-1-6 23:46:17

喜欢简洁的东西，这个模板不错。
diyidu 于 2010-1-7 8:12:56 回复
问好一下。
#30 happyet 回复该留言 2010-1-7 8:29:05

不会配色，什么时候给我建议一下我的博客该怎么改改吧，嘿嘿。
另外，你发表评论的最后那个验证框TAB键跳不到哦。
diyidu 于 2010-1-7 9:00:53 回复
可以跳，但不是顺着跳过去，得按两次。
因为按第一次的时候先跳到内容输入框，再按一次才是验证框：）
#31 Jutoy 回复该留言 2010-1-7 11:11:23

简洁的东西，不错呢~
diyidu 于 2010-1-7 11:13:23 回复
呵呵，欢迎光临。
#32 老杨回复该留言 2010-1-7 17:35:28

第一个配色非常不错呢，很好。
diyidu 于 2010-1-7 20:39:57 回复
恩，谢谢喜欢。
#33 hzhjun 回复该留言 2010-1-8 13:19:40

什么时候朋友有时间也帮我设计款主题吧，我也帮你做些什么，相互帮忙啦，哈哈！
diyidu 于 2010-1-8 15:24:36 回复
呵，没问题啊。加我的群哦：9073456。
hzhjun 于 2010-1-10 22:54:51 回复
哈哈，在此谢过，已经加入该群啦！
#34 爱好者博客回复该留言 2010-1-8 17:05:25

这个模板什么时候出的？怎么不在群里面说了，真够神的。
diyidu 于 2010-1-8 17:17:48 回复
呵呵，这个不是ZB主题，是CSS模板。
#35 小Will 回复该留言 2010-1-8 19:40:13

wow~！
很喜歡第一個橙色的模板……
博主果然是高手！支持~~
diyidu 于 2010-1-8 21:16:29 回复
我争取多做些这类的CSS模板。问好了。
#36 江流回复该留言 2010-1-8 20:11:18

我喜欢黄色……
diyidu 于 2010-1-8 21:17:08 回复
喜欢就下回去吧，呵呵。

低一度

2个符合Web标准的布局模板分享

或许你会感兴趣的文章：

to "2个符合Web标准的布局模板分享" 引用该日志！

此楼已盖到第36层了，目前尚未封顶！

赞助商广告

分类目录

最近发表

日志存档

低一度

2个符合Web标准的布局模板分享

或许你会感兴趣的文章：

if(36==0){document.write("尚无响应")}else{if(36==1){document.write("1 个响应")}else{document.write("36 个响应")}}; to "2个符合Web标准的布局模板分享" 引用该日志！

此楼已盖到第36层了，目前尚未封顶！

赞助商广告

分类目录

最近发表

日志存档

to "2个符合Web标准的布局模板分享" 引用该日志！