Comments on: WordPress 主题教程 #2：模板文件和模板 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/ 关注 WordPress，关注互联网 Mon, 15 Mar 2010 03:13:23 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Denis http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-44248 Denis Sun, 20 Dec 2009 12:17:38 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-44248 :mrgreen: 每次浏览还要用户下载字体！ :mrgreen: 每次浏览还要用户下载字体！

]]> By: welee http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-44245 welee Sun, 20 Dec 2009 06:56:05 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-44245 用 CSS3 里的 @font-face 就行了。 用 CSS3 里的 @font-face 就行了。

]]> By: notycn http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-44244 notycn Sun, 20 Dec 2009 06:35:35 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-44244 不如详细的介绍下CSS，很多WP主题里的代码是大同小异，更重要的是CSS布局 不如详细的介绍下CSS，很多WP主题里的代码是大同小异，更重要的是CSS布局

]]> By: Own-c.l http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-36692 Own-c.l Thu, 11 Dec 2008 20:53:17 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-36692 这个YO2真得不错，更不错的是你发的这个教程， 我对编程特别感兴趣 就是一直每人指点，所以绝对在此认真的学习如何做博客！ 这个YO2真得不错，更不错的是你发的这个教程，
我对编程特别感兴趣 就是一直每人指点，所以绝对在此认真的学习如何做博客！

]]> By: Billy Chaw http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-32741 Billy Chaw Sat, 13 Sep 2008 01:07:29 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-32741 我想请教的是，可否把字体上传，然后在style.css里面指定用上传的字体，这样，就可以保证用自定义的字体了？？ 我想请教的是，可否把字体上传，然后在style.css里面指定用上传的字体，这样，就可以保证用自定义的字体了？？

]]> By: 源子 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-32257 源子 Mon, 01 Sep 2008 01:51:38 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-32257 受益匪浅... :shock: 受益匪浅… :shock:

]]> By: 胡戈戈 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-20714 胡戈戈 Wed, 30 Jan 2008 14:44:07 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-20714 太牛了,俺也开始看这东东了 太牛了,俺也开始看这东东了

]]> By: Denis http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-1848 Denis Thu, 05 Jul 2007 16:38:37 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-1848 一般的DIV是这样组织的： <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span>=<span style="color: #0000ff">"header"</span><span style="color: #0000ff">></span> <span style="color: #0000ff"></</span><span style="color: #800000">header</span><span style="color: #0000ff">></span> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span>=<span style="color: #0000ff">"container"</span><span style="color: #0000ff">></span> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span>=<span style="color: #0000ff">"content"</span><span style="color: #0000ff">></span> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> <span style="color: #0000ff"><</span><span style="color: #800000">div</span> <span style="color: #ff0000">id</span>=<span style="color: #0000ff">"siderber"</span><span style="color: #0000ff">></span> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> <span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span> 如果是定长话，设置各个div的长度，记住div长度是包括width+左右的padding+左右的margin。 然后设置 #content 为 float:left，#sidebar 为 float:right。 设置 #header, #container, #footer, 为 clear:both; 如果还有问题，把他们都设置为：float:left 就能解决。 这样基本在IE，FF中一样。 如果你要让网页居中，设置 body 为：width: xx; margin: xx auto; xx 为数值。 一般的DIV是这样组织的：

<div id=“header”>
</header>

<div id=“container”>
<div id=“content”>
</div>
<div id=“siderber”>
</div>
</div>

如果是定长话，设置各个div的长度，记住div长度是包括width+左右的padding+左右的margin。

然后设置 #content 为 float:left，#sidebar 为 float:right。
设置 #header, #container, #footer, 为 clear:both; 如果还有问题，把他们都设置为：float:left 就能解决。
这样基本在IE，FF中一样。

如果你要让网页居中，设置 body 为：width: xx; margin: xx auto; xx 为数值。

]]> By: lesliefeng http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-1847 lesliefeng Thu, 05 Jul 2007 15:12:09 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-1847 你好，你的教程翻译的很好，给了我很大的帮助 我在尝试制作的时候，遇到些问题： WP是如何用DIV组织上面的header，中间左右两栏和最下面的footer的？ 我可能CSS不过关拉，参看WP的做法，中间左边是FLOAT=LEFT, 然后右边SIDEBAR左边的MAGIN＝XXX,视左边宽度，这样我直接编辑网页，在IE 和FF里效果显示不一样，反正有错误，请指教 谢谢 你好，你的教程翻译的很好，给了我很大的帮助
我在尝试制作的时候，遇到些问题：
WP是如何用DIV组织上面的header，中间左右两栏和最下面的footer的？
我可能CSS不过关拉，参看WP的做法，中间左边是FLOAT=LEFT, 然后右边SIDEBAR左边的MAGIN＝XXX,视左边宽度，这样我直接编辑网页，在IE 和FF里效果显示不一样，反正有错误，请指教
谢谢

]]> By: motta http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-1152 motta Thu, 07 Jun 2007 14:20:00 +0000 http://fairyfish.net/2007/06/04/wp-theme-lesson-2-template-files-and-templates/#comment-1152 赞! 对我这个刚接触WP的人来说很重要! 慢慢学习中,期待将来对自己在用的模板做出一定的个性化. 谢谢 赞! 对我这个刚接触WP的人来说很重要!
慢慢学习中,期待将来对自己在用的模板做出一定的个性化.
谢谢

]]>