登录 注册

登录

已解决 RT Epsilon 模板 动态菜单问题

更多
2015年06月16日 14:59 #1 作者: reinhard
白站长你好,我下载了个模板,里面的菜单下拉会变颜色。 但是这个颜色会和logo 颜色冲突,能不能设置成下拉菜单变色同时也读取另外一个logo呢? 调试网址 www.photocatalyst.net 可以去看下 页面滚动下就看到了

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

更多
2015年06月16日 22:19 #2 作者: Joomla之门
我通过 firebug 插件检查了你的网页,发现这个 RT Epsilon 模板很有意思,它给菜单栏(实际上是整个那个 rt-header 位置)自动分配动态的 CSS 类,分别代表页面尚未滚动和已经滚动了一段距离之后。因此,这个问题就很容易解决了。

页面尚未滚动时默认加载当前的 logo 图片,这个已经不用修改了。我们只需新增一个 CSS 指令,让它在页面滚动之后(也就是 CSS 类切换之后)再加载另一个 logo 图片。

具体操作方法:

在模板的 CSS 文件夹里面创建一个名为 rt_epsilon-custom.css 的文件(如果已经存在就续写),最终文件的路径是:

/templates/rt_epsilon/css/rt_epsilon-custom.css

在这个文件中写入如下的自定义 CSS 代码:
.layout-mode-responsive.scrolling-enable #rt-logo {
  background: rgba(0, 0, 0, 0) url("/images/realpath/to/my-new-logo.png") repeat scroll 0 0 !important;
}

当然了,请注意上面代码中 URL 属性的值,要修改成你的新 logo 图片的正确路径。

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

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

更多
2015年06月19日 12:17 #3 作者: reinhard
我会去试试看,firebug 怎么用 有教程么

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

更多
2015年06月20日 14:13 #4 作者: reinhard
你好 按照你推荐的方法设置了css, 但是工作好像不正常,是不是贴图的指令方面有问题。
您还是去网站看下,现在的状态,图是改变了,但是没有显示新logo,好像有很多个新logo形成了乱码。

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

更多
2015年06月20日 14:47 #5 作者: reinhard
重新输入了一遍,又变成完全没有变化了? 是指令文件位置的问题么?

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

更多
2015年06月22日 14:03 #6 作者: Joomla之门
请通过 email 或者 淘宝旺旺 提供你网站具体的网址及管理员账号,我来帮你操作。

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

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

更多
2015年06月26日 05:46 #7 作者: Joomla之门
通过你给的管理员账号,我在网站后台写入了相关的 CSS 代码,但是发现不能立即生效,很可能跟你的主机的 CDN 加速有关。请关闭所有的缓存及 CDN 加速,然后再试。

再纠正一个低级错误:我写入的 CSS 代码里面应该用 no-repeat,原来写的是 norepeat 。

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

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

更多
2015年06月26日 06:17 #8 作者: Joomla之门
我刚刚跟你的主机商 SiteGround 的在线客服聊了一下,对方很快找出了原因:因为主机已经默认针对所有域名开启了 SuperCacher 这种缓存,所以修改 CSS 文件后无法立即生效。他已经帮你关闭了这个缓存。他还说,下次想要开启的话,自己在 CPanel (主机控制面板)上 cpanel->super cacher 这里点击按钮就能启用。





整个交流过程不到5分钟,给我印象很好,siteground 的售后服务真不错!

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

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

更多
2015年06月26日 06:27 #9 作者: Joomla之门
关闭了 SuperCacher 之后,新的 CSS 代码就立即生效了。我刚刚检查了一下,你的新 logo 文件已经生效。你可以刷新前台看看。

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

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

更多
2015年06月26日 06:51 #10 作者: reinhard
多谢白站长,我看了,的确好了。

不过还有个小疑问要咨询下。
我发现新换上取得图片的位置 和 原图的位置有个偏差,但是实际图片尺寸是一样的。能在什么地方调节位置参数或者大小么?

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

更多
2015年06月26日 07:04 #11 作者: Joomla之门
可以在那段自定义 CSS 代码中继续使用 margin 这个属性来调整 logo 图片上下左右的边距,边距变化了,位置自然就变化了。

详细操作建议学习一些 CSS 基础知识,重点学习一下 background 和 margin 这两个属性。

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

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