《Pjblog模板制作教程》的评论 http://www.fineemb.com/blog/archives/155.html 刺绣数字化专家 - 泛艺 Tue, 13 Dec 2011 10:53:20 +0000 hourly 1 http://wordpress.org/?v=3.3.1 作者：Pjblog模板制作教程 | 厚飞博客 http://www.fineemb.com/blog/archives/155.html#comment-11155 Pjblog模板制作教程 | 厚飞博客 Sat, 30 Jul 2011 17:49:18 +0000 http://blog.dnxh.cn/archives/155.html#comment-11155 [...] 很清楚，一个Foot标签的DIV和两个<p>。通过前面的学习我想大家应该了解怎么做了。其实一般这个不需要我们设置，基本的字体大小什么的都默认已经定义了。但我们可以要在底部加一些图片之类的，利用padding、margin等属性控制文字的位置，文本的左对齐、右对齐等等。这里要了解的一点是对<p>的控制，程序里面用了两<p>字段，可能在设置边框或补白的时候出现分行的问题。 五、细节表现 5.1 Pjblog默认模块 我们知道Pjblog的很多功能是有模块构成的，而程序默认的模块我们在做Skin的时候为了通用性也必须要注意定义的。 5.1.1 日历式样 同样我们要来了解它的结构。 日历它是一个侧栏模块。我们前面说了模块是包含在侧栏的sidepanel面板里的，然后给各自的模块一个唯一的ID。在这里日历的ID就是Side_Calenbar。那我们就可以对这class为sidepanel、ID为Side_Calendar的DIV进行定义了。对于class、ID 是怎样定义式样的我们前面也说了在这里再复习一下。前者是类选择符，表现形式为：.类属性。后者是ID选择符，表现形式为：#ID名称。以后就不再重复了。一般为了Skin的统一协调是对sidepanel进行统一定义的，只有特殊式样的时候才定义这个ID为Side_Calendar的DIV。当然这个DIV里面和其他侧栏面板一样同样有一个Class为Ptitle的H4标签、一个Class为Pcontent的内容DIV和一个Class为Pfoot的底部DIV。 日历的主要内容是在Pcontent里的一个ID为Calendar_Body的DIV。这里面一共保护了7行。一个ID为Calendar_Top的DIV里面显示的就是XXXX年XX月和两个方向按钮，一个ID为Calendar_week的DIV里面显示的是星期， 还有5个都是ID为Calendar_Day的DIV这里就是具体的日期了。 我们再来看看进一步的结构，充分的了解结构才能做好Skin。 Calendar_Top:除了内容外还有ID为LeftB和RightB两个DIV，分别控制两个方向按钮。我们可以自定义按钮的图片 Calendar_week:里面是一个<ul><li></ul></li>的结构其中第一个也就是星期天“日”外面套了一个<font>程序默认定义了红色。我们通过导航的了解知道了这个结构要使它横向排列必须用Float，要不见点必须用liststyle:none; Calendar_Day:这里面的结构和Calendar_week是一样的，不同的是li里面都包含超链接<a>,对不同情况的日期做了不同的Class。日期选中（.click）、今天（.today）、非本月日期（.otherday）、本日存在日志（.haveD）、今天存在日志（.DayD） 那我们来看代码，日历的式样表在模板的typography.css里面。因为CSS有继承的特性，因此我们最好按照默认式样的顺序书写代码。 文本查看复制到剪贴板打印© [...] [...] 很清楚，一个Foot标签的DIV和两个<p>。通过前面的学习我想大家应该了解怎么做了。其实一般这个不需要我们设置，基本的字体大小什么的都默认已经定义了。但我们可以要在底部加一些图片之类的，利用padding、margin等属性控制文字的位置，文本的左对齐、右对齐等等。这里要了解的一点是对<p>的控制，程序里面用了两<p>字段，可能在设置边框或补白的时候出现分行的问题。 五、细节表现 5.1 Pjblog默认模块 我们知道Pjblog的很多功能是有模块构成的，而程序默认的模块我们在做Skin的时候为了通用性也必须要注意定义的。 5.1.1 日历式样 同样我们要来了解它的结构。 日历它是一个侧栏模块。我们前面说了模块是包含在侧栏的sidepanel面板里的，然后给各自的模块一个唯一的ID。在这里日历的ID就是Side_Calenbar。那我们就可以对这class为sidepanel、ID为Side_Calendar的DIV进行定义了。对于class、ID 是怎样定义式样的我们前面也说了在这里再复习一下。前者是类选择符，表现形式为：.类属性。后者是ID选择符，表现形式为：#ID名称。以后就不再重复了。一般为了Skin的统一协调是对sidepanel进行统一定义的，只有特殊式样的时候才定义这个ID为Side_Calendar的DIV。当然这个DIV里面和其他侧栏面板一样同样有一个Class为Ptitle的H4标签、一个Class为Pcontent的内容DIV和一个Class为Pfoot的底部DIV。 日历的主要内容是在Pcontent里的一个ID为Calendar_Body的DIV。这里面一共保护了7行。一个ID为Calendar_Top的DIV里面显示的就是XXXX年XX月和两个方向按钮，一个ID为Calendar_week的DIV里面显示的是星期， 还有5个都是ID为Calendar_Day的DIV这里就是具体的日期了。 我们再来看看进一步的结构，充分的了解结构才能做好Skin。 Calendar_Top:除了内容外还有ID为LeftB和RightB两个DIV，分别控制两个方向按钮。我们可以自定义按钮的图片 Calendar_week:里面是一个<ul><li></ul></li>的结构其中第一个也就是星期天“日”外面套了一个<font>程序默认定义了红色。我们通过导航的了解知道了这个结构要使它横向排列必须用Float，要不见点必须用liststyle:none; Calendar_Day:这里面的结构和Calendar_week是一样的，不同的是li里面都包含超链接<a>,对不同情况的日期做了不同的Class。日期选中（.click）、今天（.today）、非本月日期（.otherday）、本日存在日志（.haveD）、今天存在日志（.DayD） 那我们来看代码，日历的式样表在模板的typography.css里面。因为CSS有继承的特性，因此我们最好按照默认式样的顺序书写代码。 文本查看复制到剪贴板打印© [...]

]]> 作者：pjblog之家 http://www.fineemb.com/blog/archives/155.html#comment-11054 pjblog之家 Tue, 30 Nov 2010 17:46:01 +0000 http://blog.dnxh.cn/archives/155.html#comment-11054 这个教程不错 我支持一下http://www.pjblog.cc pjblog还不错 这个教程不错
我支持一下http://www.pjblog.cc
pjblog还不错

]]> 作者：Claymore http://www.fineemb.com/blog/archives/155.html#comment-3192 Claymore Sat, 23 Aug 2008 01:25:24 +0000 http://blog.dnxh.cn/archives/155.html#comment-3192 博主很强，很佩服，分析得很详细，谢谢分享这么好的文章！！！ 博主很强，很佩服，分析得很详细，谢谢分享这么好的文章！！！

]]> 作者：goodhuxm http://www.fineemb.com/blog/archives/155.html#comment-3202 goodhuxm Sat, 02 Aug 2008 09:33:48 +0000 http://blog.dnxh.cn/archives/155.html#comment-3202 good i love good
i love

]]> 作者：卡徒 http://www.fineemb.com/blog/archives/155.html#comment-3199 卡徒 Sat, 12 Jul 2008 07:36:40 +0000 http://blog.dnxh.cn/archives/155.html#comment-3199 http://www.katu98.cn 嘿嘿，你看看我做的，就是看了你这个做的 http://www.katu98.cn
嘿嘿，你看看我做的，就是看了你这个做的

]]> 作者：chi2xue http://www.fineemb.com/blog/archives/155.html#comment-3195 chi2xue Fri, 23 May 2008 17:10:40 +0000 http://blog.dnxh.cn/archives/155.html#comment-3195 pjblog是国内极其优秀的独立blog程序，受到众多朋友的喜爱。它既方便新手顺利搭建自己的独立博客，又为高手提供了再次开发的空间。网联时空搭建这样一个适用平台，是为了方便很多想拥有自己独立blog的朋友提供一个便利. pjblog试用地址：http://www.wlian.net/blog/pjblog/default.asp pjblog是国内极其优秀的独立blog程序，受到众多朋友的喜爱。它既方便新手顺利搭建自己的独立博客，又为高手提供了再次开发的空间。网联时空搭建这样一个适用平台，是为了方便很多想拥有自己独立blog的朋友提供一个便利.
pjblog试用地址：http://www.wlian.net/blog/pjblog/default.asp

]]> 作者：枫in http://www.fineemb.com/blog/archives/155.html#comment-3100 枫in Fri, 18 Apr 2008 03:07:47 +0000 http://blog.dnxh.cn/archives/155.html#comment-3100 很不错的一个模板教程 很不错的一个模板教程

]]> 作者：chenyan http://www.fineemb.com/blog/archives/155.html#comment-3191 chenyan Wed, 23 Jan 2008 10:17:59 +0000 http://blog.dnxh.cn/archives/155.html#comment-3191 为什么你的文章在百度没排在前面,到是复制你的把第一页占完了 为什么你的文章在百度没排在前面,到是复制你的把第一页占完了

]]> 作者：iHack520 http://www.fineemb.com/blog/archives/155.html#comment-3182 iHack520 Fri, 14 Dec 2007 11:54:48 +0000 http://blog.dnxh.cn/archives/155.html#comment-3182 真的很不错.... 只是那些ＦＬＡＳＨ　不能看了... http://www.imfeng.com 真的很不错….
只是那些ＦＬＡＳＨ　不能看了…

http://www.imfeng.com

]]> 作者：1 http://www.fineemb.com/blog/archives/155.html#comment-3172 1 Tue, 04 Dec 2007 07:56:19 +0000 http://blog.dnxh.cn/archives/155.html#comment-3172 搞了 半天也没有找到去哪里注册！ 搞了 半天也没有找到去哪里注册！

]]>