登录 注册

登录

重要 请教 jj_cameleon模板的更改

更多
2013年03月08日 12:46 #1 作者: rock_zjp
请教各位高手:
jj_cameleon模板个人感觉很漂亮,也支持移动设备..
我只把menu菜单模块发布到了top pancl,目地是当主导航菜单隐藏时客户端还有导航菜单可以使用;
但是模板默认top pancl位置要发布模块就一直会显示(不管页面宽度是多少都显示);当主导航在的时候他就多余了.
问: 能不能在主导航菜单出现的那句代码后面加一句,隐藏top pancl ;接着在主导航菜单隐藏的那里再加上一句显示top pancl .
呵呵,望高手指点改哪个文件的那句代码!
谢谢




被漂亮,简洁的风格所吸引 !准备入门JOOMLA,望各位高手多多关照。
谢谢先!
附件:

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

更多
2013年03月08日 15:46 #2 作者: Joomla之门
没看明白你的问题。你到底想要什么效果?出现了什么偏差?问题出在桌面浏览器,还是移动客户端浏览器?

发帖的时候尽量把问题描述清楚,清楚到别人看了绝对不会引起误解,否则,就是在浪费彼此的时间。

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

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

更多
2013年03月08日 16:15 #3 作者: rock_zjp
呵呵,不好意思没讲明白!
是这样: 上左方主菜单在浏览器宽度缩小到40%的时候会自动隐藏,用手机访问这个主菜单是不会出现的.这个时候就只能用顶部的top panel来做导航菜单,,top panel不管浏览器宽度是多少都会显示.
我想让top panel类似于导航菜单,当浏览器宽度大于40%(导航菜单置为显示的时候) 不显示top panel;
当浏览器宽度小于40%(导航菜单置为隐藏的时候)显示top panel
不知道怎么实现!

被漂亮,简洁的风格所吸引 !准备入门JOOMLA,望各位高手多多关照。
谢谢先!

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

更多
2013年03月08日 17:04 #4 作者: Joomla之门
在同一个页面的两个模块中都加载同一个菜单,显然有点别扭。

尽管你这个用法很不合常规,但是也不是做不到:借鉴“响应式布局设计”的理念,应该可以实现。

我不懂具体的代码,但是可以谈谈思路:top panel (你想要隐藏的那个内容)应该有一个容器 DIV,此 DIV 应该有一个 ID 或者至少有一个 class 。接下来,在 CSS 里面,以屏幕宽度为条件,在宽度小于某数值(例如 481px)时,就使上述 DIV 自动隐藏。

如果你想研究这个代码,可以学习有关“响应式 CSS”的文章。

我个人认为,这个问题搞复杂了。现在很多模板自身就是响应式布局的。你无需在 top panel 再显示一次顶部导航菜单。模板作者的本意也不是这样的,top panel 肯定有其他的用途。响应式模板会自动在手机等移动设备浏览器上改变布局,使得你的顶部导航菜单(main menu)也能继续正常显示,并且符合移动版浏览器的阅读习惯。

如果你的模板不是“响应式设计”,你又很想你的网站完美支持移动版浏览器,建议换一个模板。换一个真正的“响应式”模板。

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

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

更多
2013年03月08日 17:22 #5 作者: rock_zjp
感谢老白先!
再次请教:


1 div隐藏是哪个属性,什么值.
2 CSS中,有没有类似的判断代码,,我是菜鸟可以仿造!

谢谢

被漂亮,简洁的风格所吸引 !准备入门JOOMLA,望各位高手多多关照。
谢谢先!
附件:

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

更多
2013年03月08日 19:54 #6 作者: Joomla之门
响应式布局要用到 CSS3 的一些知识。我就知道这么多,具体代码我没研究过,我认为站长把精力放在内容管理就行了,模板设计自有模板开发人员去做。

如果你想要成为一个模板设计者,建议你好好学习一下 CSS3 。针对此问题的应该属于“ CSS3 媒体查询” 这一部分。你可以自己搜索相关知识来学习。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
下列用户已致谢:: rock_zjp

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