PJBlog2 网页结构和Skin说明

PJBlog2 网页结构和Skin说明
总算画好了网页结构图画好了.文章献给Skins开发者们. 由于结构图只是大概把PJblog2的结构描述了一遍.还有很多细节没有列举在上面的, 结构图只是起个引导作用,更多细节得看Skins的源代码,上面会有详细的说明. 在这里还是建议利用 Firefox 的 Dom 查看器来分析网页结构.来了我们开始吧

1. PJBlog2的网页结构图相关资料PJBlog2的界面一共用到 5 个CSS文件,(5个文件,其实不用担心,我只是为了方便阅读,所以把CSS文件分成了5个)
      global.css   全局样式表
      layout.css   层次样式表
      typography.css   局部样式表
      link.css   超链接样式表
      UBB/editor.css   UBB编辑器样式表

2. 关于Skins的XML定义
     PJBlog2的界面必须拷贝到Skins\文件夹下面,而且每一个界面都必须包含一个skin.xml界面配置的XML文件才可以被系统读取

1. 界面配置文件skin.xml结构

2. 界面配置文件skin.xml字段分析
      SkinName    界面名称
      SkinDesigner    界面设计者
      pubDate    发布时间
      DesignerURL    设计者主页
      DesignerMail    设计者电子邮件
      Flash/UseFlash    是否使用Flash导航条 0=false -1=true
      Flash/FlashPath    Flash导航条路径名
      Flash/FlashWidth    Flash导航条宽度
      Flash/FlashHeight    Flash导航条高度
      Flash/FlashAlign    Flash导航条对齐方式 left | right | center
      Flash/FlashTop    Flash导航条距离页面顶部高度
      Flash/FlashTransparent    Flash导航条是否透明 0=false -1=true

3. PJBlog2界面的其他说明
      1. 每个界面下面的UBB/文件夹里面的文件都不能少.因为它提供给UBB编辑器图片和样式等信息
    2. 自定义模块也有属于自己的样式定义. 自定义模块目前有两总类型:
           一种是内容模块Content Module
           另一种是侧边模块Side Module.
       我们需要控制某个自定义模块时就可以使用
    #Content_<模块标识>或者#Side_<模块标识>来独立控制它们的样式.例如:
           某个侧边模块的标识是Category, 那么就可以用#Side_Category来控制这个模块的CSS.
       3. Flash 导航条如何获取日志分类?
              PJBlog2提供了一个menu.asp的文件,它动态输出了日志分类的XML文件
      演示看这里
      SiteName    站点名字
      SiteURL    站点地址
      Menu/MenuName    分类名称
      Menu/MenuIntro    分类说明
      Menu/MenuType    分类类型 0=同时在顶部和侧边显示 1=只在顶部显示  2=只在侧边显示
      Menu/MenuUrl    分类链接地址
      Menu/logNum    分类日志数目

上一篇: 总是没勇气说出我是真的爱你
下一篇: 这个世界上，有红军叔叔不会唱的歌吗？
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: PJBlog2PJBlog2 Skin说明Skin说明
相关日志: