登录 注册

登录

  1. 论坛
  3. Joomla! CMS 相关讨论
  5. Joomla! 模板与样式
  7. 关于JOOMLA 3.0.1模板修改问题，请教白哥！

问题 关于JOOMLA 3.0.1模板修改问题，请教白哥！

更多
2013年02月12日 10:46 - 2013年02月12日 10:54 #1 作者： 郭嘉
郭嘉 创建了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
JOOMLA3 开区第一帖 啊哈~！

给白哥拜个晚年先！祝蛇年大吉，诸事顺利！

www.wanok.com/index.php/paper-products

请白哥看这个连接，我想把上边搜索标签修改为显示在一行，请问要改哪里？ 这行是他自己换的，好像是到一定长度就自动换行了。



后台登录方式我会给您在旺旺留言
附件:
最后修改： 2013年02月12日 10:54 由 郭嘉.

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月12日 11:44 #2 作者： Joomla之门
Joomla之门 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
这是个 CSS 问题，不需要登录你的网站就能查到根源：

在 www.wanok.com/templates/theme1206/css/bootstrap.css 这个文件的第 4828 行，原来代码是：
.span6 {
    width: 556px;
}

修改为：
.span6 {
    width: 756px;
}

原来的宽度值太小，所以导致换行了。将宽度改大之后，在同一行就可以完整显示，无需换行。

不清楚你的模板是否支持 CSS override，如果支持，尽量使用 override 方式，以免以后升级模板的时候，上述修改被覆盖而失效。
付费下载 Joomla 3 扩展汉化版： 我要付费支持 Joomla 之门！

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月12日 13:38 #3 作者： 郭嘉
郭嘉 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
照白哥的提示修改完毕，没问题了，都在一行了，我改成了800

可是我修改完成后莫名其妙的搜索模块的位置变了，不知道是为什么？

我暂时取消了这个模块的发布！

如图：

附件:

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月12日 13:47 #4 作者： Joomla之门
Joomla之门 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
搜索模块移位是因为该模块所在的 DIV 可能也是用了相同的 class，因此，为了将搜索模块与上述过滤选项区别对待，可进一步限定 CSS 应用范围：

将刚才那段代码修改为：
div.row div.span6 {
    width: 800px;
}

由于你已经停止发布了搜索模块，我现在看不到了，无法确定搜索模块外围还有什么 DIV。你先用这个方法试试看，如果不成功，请将搜索模块重新发布，我再比较二者的源代码。
付费下载 Joomla 3 扩展汉化版： 我要付费支持 Joomla 之门！

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月12日 14:17 #5 作者： 郭嘉
郭嘉 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
照着修改了，我也把查询模块发布了，好像是不成。

请白哥帮忙再看看

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月12日 17:59 - 2013年02月12日 18:05 #6 作者： Joomla之门
Joomla之门 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
这次看清楚了，搜索框所在的 div 其 class 也是 span6，而其上一级 div 的 class 也恰好是 row，所以前面给出的 CSS 代码仍然同时应用到了这两个 DIV。解决办法就是再一次细化定位，使得这个 CSS 代码只对过滤选项所在的 div 元素生效，同时，再增加一句 CSS 以保留原代码对搜索框的样式限定依然有效：

请修改为：
div#logo {
	width=556px;
}
div.well div.row div.span6 {
    width: 800px;
}
付费下载 Joomla 3 扩展汉化版： 我要付费支持 Joomla 之门！
最后修改： 2013年02月12日 18:05 由 Joomla之门.

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月13日 00:05 - 2013年02月13日 00:09 #7 作者： 郭嘉
郭嘉 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
修改后搜索模块确实于网站LOGO在同一行了，但是是紧靠着网站的LOGO



而且筛选标签栏又变回去了，跟以前一样。



麻烦白哥
附件:
最后修改： 2013年02月13日 00:09 由 郭嘉.

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月13日 08:11 - 2013年02月13日 08:16 #8 作者： Joomla之门
Joomla之门 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
我刚刚检查了一下，你好像又把 CSS 文件还原回去了。搜索模块也停止发布了。我只好自己来操作。

同时，我注意到我昨天的回帖中有一个低级错误：CSS 代码里面竟然使用了 等号，本来应该是 冒号 的（抱歉，昨天太忙了，所以回帖时疏忽了）。

解决办法没变，跟上面的回帖一样，只是把那个等号纠正为冒号，再替换原来 CSS 文件的 4828 行那个代码。我已经帮你操作了。结果完全正常。你验收一下吧。

付费下载 Joomla 3 扩展汉化版： 我要付费支持 Joomla 之门！
附件:
最后修改： 2013年02月13日 08:16 由 Joomla之门.

请 登录 或者   注册一个会员帐号 来参与讨论

更多
2013年02月13日 11:29 #9 作者： 郭嘉
郭嘉 回复了话题： 关于JOOMLA 3.0.1模板修改问题，请教白哥！
我晕我也没注意。

这。。。好吧，我承认我看都没看直接复制粘贴过去的。

这我也有错，谢了白哥

请 登录 或者   注册一个会员帐号 来参与讨论

  1. 论坛
  3. Joomla! CMS 相关讨论
  5. Joomla! 模板与样式
  7. 关于JOOMLA 3.0.1模板修改问题，请教白哥！