制作布局皮肤 - XE.docx

皮肤制作指南知识产权Copyright ? 2010 NHN Corp. All Rights Reserved.本文档属于NHN(株)的知识财产。在任何时候，没有得到NHN(株)明示授权，不得复制、传播、发布以及变更使用本文档或其部分内容。本文档仅以提供信息为目的。 NHN(株)已竭尽全力确保本文档所收录内容的完整性、准确性，但不保证其内容可能存在遗漏、错误，且无需对此承担责任。因此，用户就使用本文档或使用本文档所产生的后果承担全部责任，NHN(株)对此不承担任何明示或默示保证。包括对关联URL信息，或在本文档所提及的特定软件商品/产品的使用受当前用户所在地区或国内外相关法律法规管辖。用户对其违反法律法规所产生的一切后果负全部责任。NHN(株)可不时对本文档作出变更而不另行通知。开源代码许可关联告知在各种开源代码许可中，XE遵循 LGPL(GNU Lesser General Public License) v2版本。因LGPL v2与v3两个版本之间有着细微的差异，用户须知悉其具体版本。LGPL许可大体上等同于GPL许可之外，有着更限制性的适用范围。与GPL相同，修改或衍生遵循LGPL许可的代码，则所有的代码，涉及修改衍生的代码都必须采用相同的许可。但是与修改或衍生遵循该许可的代码必须要无条件开源的GPL许可不同，采用了LGPL许可的代码在特定条件下可以允许其代码不开源。因此修改或衍生LGPL许可的代码可以用于开发私有软件。更多信息请参见下列站点。LGPL 许可: /copyleft/lesser.htmlGPL 许可: /licenses/gpl.html文档信息文档概要本文档阐述XE皮肤的制作方法。该文档以 XE core 版本为基准。目标读者本文档的主要目标读者为希望制作各式各样的XE皮肤，用来构筑自主站点的用户。XE皮肤主要采用HTML, CSS, Javascript, jQuery 来制作。因此，如果事先对相关知识有所了解，可以更快地熟悉制作皮肤的方法。关于XE的安装与使用，请参考“XE用户指南”问题与建议如果您查阅本文档发现有什么错误或对本文档有任何疑问，请按下文所列的电子邮件地址联系我们。电子邮件: developers@文档版本及历史版本日期备注1.02010.12.31发布1.0 1.12011.12.06基于XE core 1.5 修订1.1-zh2011.11.30中文版标注规则参考参考阐述读者可以参考的内容。注意 注意阐述读者务必要知悉，或可能导致系统错误，又或没有履行导致的财产上的损失等等事项。窗口名称 / 站点名称 / 菜单名称 / 填写项名称 / 可选项以及符号标记本文档中对窗口名称、站点名称、菜单名称、填写项名称、可选项做如下标记。窗口名称: 窗口名称(代码中使用的符号不用遵守本规则)站点名称: Naver桌面客户端下载站点菜单名称: 菜单 子菜单填写项: 填home page.代码范例本文档中将代码范例用灰底黑字来标识。COPYDATASTRUCT st;st.dwData = PURPLE_OUTBOUND_ENDING;st.cbData = sizeof(pp); st.lpData = pp; ::SendMes(GetTargetHwnd(), WM_COPYDATA, (WPARAM)this-m_hWnd, (LPARAM)st);目录表、图示目录表目录表 21 伪类选择器20表 22 伪元素选择器20表 23 属性选择器21表 24 XE core 变量28表 25 条件句使用范例29表 26 循环句使用范例30表 27 include句使用范例31表 28 media 属性值32表 29 XE core 1.4.4开始新添加的模板语法35表 41 版面皮肤必要文件73图示目录图示 11 套用不同皮肤的页面12图示 31 应用布局皮肤的效果图38图示 32 布局皮肤的路径与结构40图示 33 应用布局皮肤的页面62图示 34 正确应用CSS的页面66图示 41 版面模块的路径与结构71图示 42 版面列表页面制作完成80图示 43 版面目录设置83图示 44 版面目录页面 – 无文章状态92图示 45 版面目录页面 – 有文章状态93图示 47 未登录状态下的撰写页面98图示 48 登录状态下的撰写页面99图示 49 阅读页面制作完成100图示 410 撰写关于评论的二次评论页面制作完成112图示 411 删除帖子页面制作完成115图示 412 删除评论页面制作完成117图示 413 删除引用页面制作完成119图示 414 权限提示页面效果图121图示 415 输入密码页面制作完成123XE皮肤制作概要这章主要介绍XE皮肤的定义与制作皮肤所必需的要素。什么是XE皮肤皮肤