登录 注册

登录

问题 关于JOOMLA 3.0.1模板修改问题,请教白哥!

更多
2013年02月12日 10:46 - 2013年02月12日 10:54 #1 作者: 郭嘉
JOOMLA3 开区第一帖 啊哈~!

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

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

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



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

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

更多
2013年02月12日 11:44 #2 作者: Joomla之门
这是个 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 作者: 郭嘉
照白哥的提示修改完毕,没问题了,都在一行了,我改成了800

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

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

如图:

附件:

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

更多
2013年02月12日 13:47 #4 作者: Joomla之门
搜索模块移位是因为该模块所在的 DIV 可能也是用了相同的 class,因此,为了将搜索模块与上述过滤选项区别对待,可进一步限定 CSS 应用范围:

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

由于你已经停止发布了搜索模块,我现在看不到了,无法确定搜索模块外围还有什么 DIV。你先用这个方法试试看,如果不成功,请将搜索模块重新发布,我再比较二者的源代码。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

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

更多
2013年02月12日 14:17 #5 作者: 郭嘉
照着修改了,我也把查询模块发布了,好像是不成。

请白哥帮忙再看看

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

更多
2013年02月12日 17:59 - 2013年02月12日 18:05 #6 作者: Joomla之门
这次看清楚了,搜索框所在的 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 作者: 郭嘉
修改后搜索模块确实于网站LOGO在同一行了,但是是紧靠着网站的LOGO



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



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

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

更多
2013年02月13日 08:11 - 2013年02月13日 08:16 #8 作者: Joomla之门
我刚刚检查了一下,你好像又把 CSS 文件还原回去了。搜索模块也停止发布了。我只好自己来操作。

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

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


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

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

更多
2013年02月13日 11:29 #9 作者: 郭嘉
我晕我也没注意。

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

这我也有错,谢了白哥

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