主题: 960 for XOOPS 2.0: 移动支持
投稿人： insraqOn 2010/11/27 15:45:00 9829次阅读最近我非常忙，已经有一段时间没有在XOOPS社区出没。几个月来我没有发布任何新主题，而且我笔记本电脑上的XOOPS仍然是2.4.x版。直到上周，我才抽出时间来查看XOOPS 2.5，我对它印象深刻。新的后台非常棒！我特别喜欢新的区块管理器。
X3 Alpha版本已经发布。代码还处于初级阶段，但架构非常令人期待。如果我有时间，我会一定查看主题引擎。
同时，我发布了960 for XOOPS 2.0。这个版本中最显著的变化是移动支持。我有一个安卓手机，在这里我非常频繁地用它上网，因为我这里的WiFi全覆盖。许多网站都有移动版，这使事情变得更好：用手机浏览器浏览复杂的网页简直要了我的命。
但是，似乎XOOPS主题仍然缺乏移动支持（或者可能有一些解决方案，但我在离开一段时间后并不了解）。所以我重写了960 for XOOPS以添加移动支持。
移动支持是“自动”的。让我先解释一下它是如何工作的。
它基于CSS3媒体查询。在通常情况下，网页看起来像是正常布局
然而，如果屏幕的最大宽度小于960px（可能因不同的浏览器渲染而不完全准确），布局将自动切换到“移动版本”。
上面的截图是在Firefox中捕获的，你应该注意到没有水平滚动条，且只有一列：其他所有列都被“压缩”到一列，适合移动设备的屏幕尺寸。图片也会被“压缩”到屏幕的最大宽度，以避免一些大图片破坏布局。
这里有一个演示。为了达到最佳效果，你可能需要重新组织区块，确保当切换到移动版本时，最重要的区块显示在顶部，网页不会太长。
我从Less Framework 3和1140px GSS 网格中获得灵感。最初我想将其中一个移植到XOOPS，但我注意到这两个框架都是根据CC授权的。为了避免授权问题，我基于960重写了我的版本用于XOOPS。因此，授权是GPL，我相信这不会引起任何问题。
此外，在这个版本中，我也添加了一些样式，使默认样式看起来不那么糟糕。我移除了16列、前缀、后缀、push相关代码（这些功能从不被支持，但我保留了先前版本的代码，以保持与960官方版本的兼容性）。
稳定版本可以在这里找到。当然，您也可以检查SVN以获取最新的不稳定版本。
我可能没有时间去检查评论，所以如果您发现任何错误，请通过填写此表单或通过电子邮件insraq.org AT gmail DOT com来向我报告
我没有时间准备完整的教程。但代码注释很完整，与使用原始的960没有区别。因此，您可以找到960框架的教程进行参考。如果您基于此开发了一个主题，我会非常高兴知道。随时给我发电子邮件。
希望您玩得开心！
Re: 960 for XOOPS 2.0：移动支持
