主题: 主题结构
发布者: timgno于 2011/1/19 17:37:48 阅读量 5124在构建一些布局时，我意识到像 zetagenesis、Suico 等常规模板有几个 CSS 文件。为了 SEO，Google 不接受将它们包含在 style.css 文件顶部一行，因此我决定为所有主题采用简单的方法。只有三个 CSS 文件，按照这种方式放置在 themes.html 文件头部行或 meta.html 文件中
<{* Xoops style sheet *}>
<link rel="stylesheet" type="text/css" media="screen" href="<{xoAppUrl xoops.css}>" />
<{* Layout theme style sheets *}>
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="<{xoImgUrl css/layout.css}>" />
<{* Canvas theme style sheet *}> <{* for production *}>
<link rel="stylesheet" type="text/css" media="screen" title="Color" href="<{xoImgUrl css/style.css}>" /> 此外，对于适合手机的网站，您可以这样添加 print.css 文件
<{* print style sheet experimental *}>
<link rel="stylesheet" type="text/css" media="print" href="<{xoImgUrl css/print.css}>" /> 从基本结构开始，我们可以定义文件
- xoops.css ...将成为所有html标签、类和ID的Xoops主题样式的基石。
- layout.css ...模板结构的所有类和ID。
- style.css ...所有可能相关的jQuery、Mootools以及其他需要样式的库的变体。
例如，在我的新主题中，我使用了一个类来代替标题标签，可以在鼠标附近的弹出窗口中看到您的内格，并使用jQuery改变"锚"标题的描述，这使得在style.css文件中变更此类以应用于我主题的其他功能变得非常方便。
我认为所有创建新主题的人都应该提供这种模板结构。
如果您有其他想法，请发表评论。
TXMod Xoops的数量
关于：主题结构
