[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
从上面的代码可以看到,我并不没有用多少式样,我只用了背景色和前景色来区别各个元素。看上去可能不是很漂亮,重要的是自己改。有些时候一个元素里没有内容,我们就不容易了解这个元素的存在。我一些模块里没有文字等内容的元素添加了文字说明。你可以试着把CSS代码删掉或改动,来进一步了解没个元素的作用。这里还有个小技巧,在首页普通模式下Pjblog给每个日志摘要都给于了一个ID,单独定义或批量定义式样,命名规则是"log_"+"日志ID号"。我们从上面的代码可以看到日志173和174的不同的地方。那日志的ID怎么知道?我们把鼠标挪到日志的链接那里,看到链接的最后有?id=***这样的,就是日志的ID了。
单篇日志状态
单篇日志状态和首页有很大的不同。里面包括的内容有自定义模块、分类和上下篇(.pageContent)、标题作者日期(.ContentTitle.ContentAuthor)、自定义字体大小和日志等级天气情况(.Content-Info)、内容、评论分页(pageContent)、评论(comment)、发表评论框(MsgContent)等等。
看代码
HTML代码
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
发表评论框(MsgContent)准备放到以后的章节里详细说明。内容通用部分大体就说完了,重要的是自己把上面的代码通过改动,细化来认识Pjblog的结构和CSS各个属性的具体含义和产生的效果。
4.5底部式样
底部式样内容其实不是很多,可以说是非常的少。但这里为什么也要开一节说呢,这里要涉及一些教程的题外话。大家也不得不看一下,要不做的再好的Skin也会被人BS的。
我们知道Blog的底部包含着一些重要的信息。第一行开头就是很重要的版权信息,说明了Pjblog的版权并含有官方的网址链接,后面是自己站点的名字,站点是有什么构架的(就是xhtml | css)。第二行是页面执行的时间和查询数据库的次数,再后面就是我们Skin的一些信息了包含了Skin名字作者的站点和Email地址。第三行是站点的备案。
这里要着重说说版权。Skin的一些信息就标明了这个Skin是你做的(具体怎么弄,等后面的章节里会说到的),使用者可以通过这些信息和你联系反应一些问题,当然也是宣传你的好方法,也是鼓励大家做Skin的好处。对于Pjblog的版权信息我们要绝对的保护。我们也讨论过这个问题,说Windows这么多盗版的但这些也保留了MS的版权,都知道Windows是微软的产品。盗版可能是某些人穷,这我可以理解。但对于Pjblog这样一个优秀的开源程序,要你一分钱了吗?你有必要把他的版权去掉吗?这样就会失去了基本的道德。所以我们无论是在做Skin还是在使用Pjblog都应该尊重作者。似乎叉的远了点。
言归正传,来简单的看一下底部式样。很简单,看代码:
HTML代码