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

地址:http://qxu1606490414.my3w.com/index.php/directory 本帖含有机密信息
登录后就会出现表的菜单,
截图:https://www.dropbox.com/s/aqhn ... l%3D0
已邀请:

赤木@晴子 - 明月百年心

赞同来自:

如果按照你截图中所说,需要放宽整个表格的宽度,很容易,但是会影响到整个网站的布局,因为这个宽度是由模板设计方案中的“页面内容宽度(容器)”决定的。
在 custom.css 中写入: .container {
width: 98% !important;
}

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

我不想整体都变宽 只要展示的表的页面变宽,魔术主题里有设置宽度的,就是不太理解含义,没看出效果

不是本人 - no no no!

赞同来自:

看教程魔术主题里不是调整宽度的,是设定大小屏幕的。

刘备曹操 - 古今多少事,都付谈笑中

赞同来自:

如果要单独针对这个页面进行 CSS 控制,就需要用到 Joomla 核心提供的“页面 CSS 类” 这个功能。操作方法:
进入 Joomla 3 后台,点击“菜单 - mainmenu”(假设你的前台导航菜单由 mainmenu 管理),会显示所有前台导航菜单项目。找到该页面所属的菜单(比如你网网站那个页面对应的菜单项目是 Directory),点击菜单项目名称进入其参数页面,然后进入 “页面显示选项 - 页面 CSS 类”,在这里填写一个自定义的 CSS 类,例如:publications

3P网络 - 背着回忆的旅游人,即使是再细微的风景,也会留在心中的一个角落~

赞同来自:

试验了,没有效果,是怎么了。publications前加不加空格我都试了,为什么呢

跑堂小2 - 冇钱;冇房子;冇成就。要吃饭;要住宿;要消费

赞同来自:

你试验之后是否已删除那个自定义 CSS 类?我刚才刷新你的网站 Directory 页面,在源代码的 body 元素那里并没有看到任何的自定义 CSS 类。
我之前就说过了,你不给我足够的权限,我在后台看不到“菜单管理”,也就无法亲手操作来验证代码的正确性、准确性。你要是对我没有这点信任的话,叫我怎么帮你?要不,你自己学点 CSS 基础知识吧。

不是本人 - no no no!

赞同来自:

没有删除,前面没加空格,是对的吗。不知道为什么 提不起兴学。

赤木@晴子 - 明月百年心

赞同来自:

啥也不说了,自己看截图:

QQ被盗了

赞同来自:

已经调整权限,可以查看菜单,你用mainenu里的Directory菜单项看看

不是本人 - no no no!

赞同来自:

添加了,为什么前台没显示就不知道怎么了

追梦人 - 梦想每个人都有,但不是每个人都有勇气去坚信,我有

赞同来自:

OK,找到原因了。
你使用的这个模板,没有将“页面显示选项”里面填写的自定义 CSS 类添加给 body 元素,而是添加给了 html 元素,从上面的截图中也能找到 —— 请看截图中 html 元素的 class 属性。
经过测试,下面这个 CSS 代码应该可以生效:.publications .container {
width: 98% !important;
}

刘备曹操 - 古今多少事,都付谈笑中

赞同来自:

看到一点小变化,差不多没区别,我在模版那设置sidebar-2未none还是占了空间,怎么办。怎么不让sidebar-2占空间呢

3P网络 - 背着回忆的旅游人,即使是再细微的风景,也会留在心中的一个角落~

赞同来自:

怎么能说是“差不多没区别”呢?莫非我们关注的不是同一个表格?我在 FireFox 及 Chrome 浏览器中都看到,你已经将我提供的代码中的 CSS 应用了,并且尺寸使用了 100% 全页宽度,现在那个登记出版物的表格宽度已经占据了全部页面。而原来没有这么大宽度的。
如果你看不到区别,只有一种解释:你使用的电脑屏幕分辨率只有 1024*768,或者 1366*768,因此感觉变化不大(原始宽度 1152px)。而我的电脑屏幕分辨率是 1920*1080px,所以感觉表格放大了很多。
总之,CSS 代码已经生效了,这个思路至少是正确的。至于哪个宽度值,以及哪个表格列的宽度值更符合你的审美观,你可以自行调整。

赤木@晴子 - 明月百年心

赞同来自:

要把效果应用到其他菜单下,只要加页面css类就可以了吧?sidebar-2空间怎么空出来呢

~~~~~~~~~ - 上帝给我的使命,就是证明你们都不是最糟糕的

赞同来自:

我在你前台的 Directory 页面没有看到 sidebar-2 占用的空间。
一般来说,这些收费模板的技术相当成熟,大家约定俗成的做法是:当 sidebar-2 这个模块位置没有发布任何模块的时候,该模块位置会自动隐藏,腾出空间。
所以,如果你不想在某个页面上显示 sidebar-2 位置,就不要在该页面的该位置发布模块就行了 —— 推荐安装 Advanced Module Manager
来控制模块的发布规则。
对于其它页面,如果也想单独控制样式,仿照 Directory 页面的做法,给菜单项目参数那里添加 CSS 类即可(必须唯一)。

要回复问题请先登录注册