前台展示的box(featured categories)里标题分两行,如何调整为一行呢?同时把文字往边框两端拉升一些

站长,早!前台展示的box(featured categories)里标题分两行,如何调整为一行呢?同时把文字往边框两端拉升一些。之前问过类似问题,是“热门文章”和“最新文章”的标题由两行如何改成一行的。这个模块类型不同,又不清楚了。
谢谢
已邀请:

QQ被盗了

赞同来自:

可以参照上次的 CSS 技巧来应用: .featcats ul li {
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 95%;
}

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

赞同来自:

好的,我试一下。谢谢!
可是,又停止开发了啊?当时用这个主要是为了有“更多”这个按钮的功能,而且头条文章可以展示图片及摘要,那可以用什么插件实现呢?谢谢

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

赞同来自:

featured categories 模块暂时还能用一阵,至少目前还没出现不兼容情况,但是是否支持将来的 Joomla 更高版本的核心就不确定了。
我经过一番寻找,找到了一个可以实现近似功能的同类模块,也是免费的,最近抽时间汉化出来。请耐心等待。

妥协 - 不会轻易妥协的人不愿意将就的人任性自由的人总是活得比较累

赞同来自:

站长早,标题分行的我把代码加到CSS里,但效果跟之前的“热门文章”是不一样的,感觉文章标题就被覆盖了一截,看起来很奇怪,数字做了调整,从85-110,展示出来的效果都不太好,而且总体上标题往右偏。你方便看一下吗?www.hyjda.com,如果需要管理账号我再旺旺上给你。谢谢!
不过一个收获是,我们老板要求把标题前的句号去掉,发现加了你的代码后,那个句号没有了。
谢谢!
期待新汉化的插件上线。

QQ被盗了

赞同来自:

试试这个代码:.featcats ul li {
display: block;
overflow-x: hidden;
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 95%;
}


.fc_links {
margin-left: 0;
}

.fc_links li a, .fc_leading li h4 {
display: inline;
}

不是本人 - no no no!

赞同来自:

站长,你好!新代码丢进去之后,好像跟之前没有什么区别,标题还是分两三行。

QQ被盗了

赞同来自:

margin-left:0.5; 这个你原来的是0,加进去后标题往左边移动比较多,所以我改成0.5了。

妥协 - 不会轻易妥协的人不愿意将就的人任性自由的人总是活得比较累

赞同来自:

我刚刚看了你的网站,看到你并没有把我上面给的代码全部加载。
另外,请明确指出你要调整哪个模块(标题)的样式?或许我理解的跟你想要的不一样?

妥协 - 不会轻易妥协的人不愿意将就的人任性自由的人总是活得比较累

赞同来自:

刚才又重新复制粘贴了,没有改动数字。主要想调整的是“案例参考”和“经典案例”两个模块。

孤独者 - 世界属于那些勤于思考的人,更属于那些善于行动的人

赞同来自:

请问你粘贴到哪里了呢?我用 firebug 检查你的网页,还是没找到我提供的代码。
这些 CSS 应该插入到 /templates/protostar/css/user.css 这个文件末尾。

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

赞同来自:

是的啊,就是放在这里的。上次“热门”和“最新”时,你指导我在定制模板-Postar-css之下新建了user.css(原来css下有template.css),这次是直接加在user.css最后的。

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

赞同来自:

你可能忘记清除网站缓存了,因为我反复检查你的网页,发现我上面给出的代码没有被加载。

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

赞同来自:

站长,刚才通过旺旺给你账号和密码了,请帮有空时看一下后台是不是我哪里操作有误。谢谢

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

赞同来自:

原因找到了,虽然你在 user.css 文件中插入了我这次给出的代码,这个操作看起来没错,但是,你的 user.css 文件原来的代码末尾少了一个闭合花括号(closing curly brace),导致浏览器认为后面插入的内容都是前一个 CSS 选择器的样式属性,因此,你后面插入的这些新代码都不会生效。
解决办法很简单:给原来代码末尾补上那个被遗忘的花括号 } 就行了。
我已帮你解决。你看看效果。

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

赞同来自:

j:( 是的,就差不多这个效果
white-space: nowrap;
width: 102%; 这个数字从95改为102了,想尽量多显示标题的字出来,不过很容易就露出字的一半,有点不好调整。
谢谢站长

要回复问题请先登录注册