PJBLOG2网页结构和skin说明

这篇关于PJBLOG2网页结构及皮结构的说明是由PJBLOG2的作者本人所写：

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

 PJBlog2的网页结构图相关资料

     查看PJBlog2的网页结构图 （FLASH版）
     下载PJBlog2的网页结构图 （图片版）
      PJBlog2的界面一共用到 5 个CSS文件,(5个文件,其实不用担心,我只是为了方便阅读,所以把CSS文件分成了5个)
      [color=#006]global.css   全局样式表
      [color=#006]layout.css   层次样式表
      [color=#006]typography.css   局部样式表
      [color=#006]link.css   超链接样式表
      [color=#006]UBB/editor.css   UBB编辑器样式表

关于Skins的XML定义

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

 界面配置文件 skin.xml 结构代码:

[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]?[/b][/color]xml version[color=&#35;008000]=[/color][color=&#35;ff00ff]"1.0"[/color] encoding[color=&#35;008000]=[/color][color=&#35;ff00ff]"UTF-8"[/color][color=&#35;0000ff][b]?[/b][/color][color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]SkinSet[color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]SkinName[color=&#35;0000ff][b]>[/b][/color]默认皮肤 - Flash导航条风格[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]SkinName[color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]SkinDesigner[color=&#35;0000ff][b]>[/b][/color]PuterJam[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]SkinDesigner[color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]pubDate[color=&#35;0000ff][b]>[/b][/color]2004-11-6[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]pubDate[color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]DesignerURL[color=&#35;0000ff][b]>[/b][/color]http:[color=&#35;0000ff][b]/[/b][/color][color=&#35;0000ff][b]/[/b][/color]puterjam.vipx.net[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]DesignerURL[color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]DesignerMail[color=&#35;0000ff][b]>[/b][/color]puterjam@etang.com[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]DesignerMail[color=&#35;0000ff][b]>[/b][/color]
[color=&#35;0000ff][b]<[/b][/color]Flash[color=&#35;0000ff][b]>[/b][/color]
  [color=&#35;0000ff][b]<[/b][/color]UseFlash[color=&#35;0000ff][b]>[/b][/color]-1[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]UseFlash[color=&#35;0000ff][b]>[/b][/color]
  [color=&#35;0000ff][b]<[/b][/color]FlashPath[color=&#35;0000ff][b]>[/b][/color]head.swf[color=&#35;0000ff][b]<[/b][/color][color=&#35;0000ff][b]/[/b][/color]FlashPath[color=&#35;0000ff][b]>[/b][/color]
  [color=&#35;0000ff][b]<[/b][/color]FlashWidth[color=&#35;0000ff][b]>[/b][/color]748[color=&#35;0000ff][b]<[/b][/color][color=&#35