登录 注册

登录

问题 表的宽度及外观怎么调整下??

更多
2017年04月27日 00:03 #1 作者: 武松
地址:http://qxu1606490414.my3w.com/index.php/directory
本帖含有机密信息

登录后就会出现表的菜单,
截图:https://www.dropbox.com/s/aqhnzlwekyhd42w/biaobuju.jpg?dl=0

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

更多
2017年04月27日 09:33 - 2017年04月27日 09:37 #2 作者: Joomla之门
如果按照你截图中所说,需要放宽整个表格的宽度,很容易,但是会影响到整个网站的布局,因为这个宽度是由模板设计方案中的“页面内容宽度(容器)”决定的。

在 custom.css 中写入:

.container {
  width: 98% !important;
}

这样可以让整个页面内容区域都变宽。但是是否在其它页面也一样适用,你自己斟酌。

至于你截图中所说的“怎么弄布局好些”,这个就不好说了。我跟你说过,“审美”每个人标准都不同。你必须提出具体的要求(例如上面所说的宽度大一点),我才能给出具体的解决办法。

另外,建议你使用免费的 tietuku.com 网站来贴图,将图片直接嵌入到论坛帖子里面,大家都方便。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!
最后修改: 2017年04月27日 09:37 由 Joomla之门.

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

更多
2017年04月27日 10:18 #3 作者: 武松
我不想整体都变宽 只要展示的表的页面变宽,魔术主题里有设置宽度的,就是不太理解含义,没看出效果

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

更多
2017年04月27日 10:47 - 2017年04月27日 13:18 #4 作者: 武松
看教程魔术主题里不是调整宽度的,是设定大小屏幕的。
最后修改: 2017年04月27日 13:18 由 武松.

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

更多
2017年04月27日 16:48 #5 作者: Joomla之门
如果要单独针对这个页面进行 CSS 控制,就需要用到 Joomla 核心提供的“页面 CSS 类” 这个功能。操作方法:

进入 Joomla 3 后台,点击“菜单 -> mainmenu”(假设你的前台导航菜单由 mainmenu 管理),会显示所有前台导航菜单项目。找到该页面所属的菜单(比如你网网站那个页面对应的菜单项目是 Directory),点击菜单项目名称进入其参数页面,然后进入 “页面显示选项 -> 页面 CSS 类”,在这里填写一个自定义的 CSS 类,例如:
publications

保存菜单项目,清空缓存,刷新前台,查看源代码,就会发现该页面的 body 元素多了一个 CSS 类名叫 “publications”。

接下来,在 custom.css 文件中写入上述 CSS 指令,不过需要增加一个 publications 的上级:

.publications >  .container {
  width: 98% !important;
}

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

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

更多
2017年04月28日 09:25 #6 作者: 武松
试验了,没有效果,是怎么了。publications前加不加空格我都试了,为什么呢

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

更多
2017年04月28日 10:07 #7 作者: Joomla之门
你试验之后是否已删除那个自定义 CSS 类?我刚才刷新你的网站 Directory 页面,在源代码的 body 元素那里并没有看到任何的自定义 CSS 类。

我之前就说过了,你不给我足够的权限,我在后台看不到“菜单管理”,也就无法亲手操作来验证代码的正确性、准确性。你要是对我没有这点信任的话,叫我怎么帮你?要不,你自己学点 CSS 基础知识吧。

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

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

更多
2017年04月28日 10:26 - 2017年04月28日 10:28 #8 作者: 武松
没有删除,前面没加空格,是对的吗。不知道为什么 提不起兴学。
最后修改: 2017年04月28日 10:28 由 武松.

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

更多
2017年04月28日 10:28 #9 作者: Joomla之门
啥也不说了,自己看截图:


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

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

更多
2017年04月28日 10:31 #10 作者: 武松
已经调整权限,可以查看菜单,你用mainenu里的Directory菜单项看看

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

更多
2017年04月28日 10:49 #11 作者: 武松
添加了,为什么前台没显示就不知道怎么了

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

更多
2017年04月28日 10:50 #12 作者: Joomla之门
OK,找到原因了。

你使用的这个模板,没有将“页面显示选项”里面填写的自定义 CSS 类添加给 body 元素,而是添加给了 html 元素,从上面的截图中也能找到 —— 请看截图中 html 元素的 class 属性。

经过测试,下面这个 CSS 代码应该可以生效:
.publications .container {
  width: 98% !important;
}

本来我想直接帮你写入 custom.css 文件,但是发现你给我的“管理员”账号不具备这个权限。所以你自己写入吧。

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

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

更多
2017年04月28日 11:24 #13 作者: 武松
看到一点小变化,差不多没区别,我在模版那设置sidebar-2未none还是占了空间,怎么办。怎么不让sidebar-2占空间呢

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

更多
2017年04月28日 11:52 #14 作者: Joomla之门
怎么能说是“差不多没区别”呢?莫非我们关注的不是同一个表格?我在 FireFox 及 Chrome 浏览器中都看到,你已经将我提供的代码中的 CSS 应用了,并且尺寸使用了 100% 全页宽度,现在那个登记出版物的表格宽度已经占据了全部页面。而原来没有这么大宽度的。

如果你看不到区别,只有一种解释:你使用的电脑屏幕分辨率只有 1024*768,或者 1366*768,因此感觉变化不大(原始宽度 1152px)。而我的电脑屏幕分辨率是 1920*1080px,所以感觉表格放大了很多。

总之,CSS 代码已经生效了,这个思路至少是正确的。至于哪个宽度值,以及哪个表格列的宽度值更符合你的审美观,你可以自行调整。

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

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

更多
2017年04月28日 12:27 #15 作者: 武松
要把效果应用到其他菜单下,只要加页面css类就可以了吧?sidebar-2空间怎么空出来呢

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

更多
2017年04月28日 12:50 #16 作者: Joomla之门
我在你前台的 Directory 页面没有看到 sidebar-2 占用的空间。

一般来说,这些收费模板的技术相当成熟,大家约定俗成的做法是:当 sidebar-2 这个模块位置没有发布任何模块的时候,该模块位置会自动隐藏,腾出空间。

所以,如果你不想在某个页面上显示 sidebar-2 位置,就不要在该页面的该位置发布模块就行了 —— 推荐安装 Advanced Module Manager 来控制模块的发布规则。

对于其它页面,如果也想单独控制样式,仿照 Directory 页面的做法,给菜单项目参数那里添加 CSS 类即可(必须唯一)。

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

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