查看完整版本: ★★让你的最近发表文章列表自动截取文字

★★让你的最近发表文章列表自动截取文字

看到Z-blog里有朋友问 "[color=DarkRed]如何控制“最近发表”里文章标题的字数？[/color]:Q
" 我才发现原来 这个功能我也没有 于是从网上搜集了一些代码
发现可以用CSS来控制截取一行文字的字符数
于是挖掘了一下Z-BLOG代码
自己动手小修改了一下 :$
终于 不负众望 :$
出来的效果不错:victory:
[url=http://www.wolaikan.com/blog/post/27.html][color=Red][size=3]先看看演示效果 http://www.wolaikan.com/blog/post/27.html[/size][/color][/url]完全能够回答上面的那个问题
现在把代码 共享出来 以供大家研究学习  

1.打开fuction/c_system_event.asp
将下面的代码中的 <li>标签中加入代码 class=""myulprevious""  
[color=Red]注意:myulprevious两边各是两个英文双引号[/color]
[code]If objArticle.LoadInfoByID(objRS("log_ID")) ThenstrPrevious=strPrevious & "<li><a href="""  [/code]
修改后的结果如下
[code]If objArticle.LoadInfoByID(objRS("log_ID")) ThenstrPrevious=strPrevious & "<li class=""myulPrevious""><a href=""" [/code]

2.打开你使用的CSS样式文件 (style/你的样式表文件名.css)

找个合适的地方加入如下代码
注:width的值是指定你要把每一行的文章标题截取多长字符串 这个值
不能比你的右侧导航栏长 否则会出现导航错位的情况

.myulPrevious  {width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}

3.后台文件重建,索引重建 ok
看看效果吧 伙伴们 ~~~~~~!:lol :lol :lol :victory:

[[i] 本帖最后由 prelead 于 2007-5-27 20:30 编辑 [/i]]

哈哈，我看见_fcksavedurl=了
肯定又是用fck打代码的后果
楼主，修改一下。

回复 #2 Zx.MYS 的帖子

这样总该可以了吧 呵呵

#divPrevious li{...}

不用改源码,这样也能指定吧:L

还有,看下这个:
[url]http://bbs.rainbowsoft.org/viewthread.php?tid=5402&extra=page%3D1&page=2[/url]

刚开始用了不行 后来才可以的

这样理论上来说 应该也行
在 CSS里 加入
#divPrevious li{width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
我自己测试时候不行  有兴趣的朋友试 一下 不行 再用楼顶的:
嘎嘎 P :P

不是吧~那用这个
#ulPrevious li{...}

css高手们~站出来支持一下下~~~~~~~~:o

[quote]原帖由 [i]prelead[/i] 于 2007-5-26 20:56 发表
这样理论上来说 应该也行
在 CSS里 加入
#divPrevious li{width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
我自己测试时候不行  有兴趣的朋友试 一下 不行  ... [/quote]

这个方法可以的

上面说的对
不好意思 搞错了 修改一下  
#ulPrevious li{width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
:lol :lol :lol

来了 再顶一下:lol

只是在css下加
#divPrevious li{width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
我的还是不行

非常好用。。。。弄好了，原来刚才复制到测试用的blog里的CSS里了，:lol

[[i] 本帖最后由 30449188 于 2007-10-17 23:49 编辑 [/i]]

绝对支持啊!论坛里有好多人问的,都没得到解答,现在清楚了

我试了,可以的啊,就加一句就可以了,另不用文件重建的
这种只需要索引重建就可以了

[[i] 本帖最后由 wangfenkai 于 2007-10-17 16:58 编辑 [/i]]

不过我想用同样的方法来限制最新评论和回复
以及最新留言
最新留言用
#divGuestComments li{width:170px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}就可以了

但最新评论用
#divComments li{width:170px; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}不行吗!!
divComments不对吗?

不想用Const ZC_RECENT_COMMENT_WORD_MAX=的来限制最新留言评论
高手教我啊,上楼的怎么不行

要是按这个思路，那这个位置是不是也可以修改 [attach]2150[/attach]
左右2篇文章标题都很长，效果很难看，好在字小，能忍受

顶起来,来人啊!!!!!!!救苦救难啊

回复 17# 的帖子

这个位置可以用css的超出隐藏代码把第二行的切掉。

丹丹，那看看我的问题呢~
15楼！！！！！！

啊丫丫，这个帖子好，

只要在你的CSS里边加入一个样式就可以的啊！
加入#ulPrevious  {
        width:170px;
        white-space:nowrap;
        word-break:keep-all;
        overflow:hidden;
        text-overflow:ellipsis;
        padding-right: 5px;
        padding-left: 5px;
}

Microsoft VBScript 编译器错误 错误 '800a03f9'

缺少 'Then'

/function/c_system_event.asp，行 1230

If objArticle.LoadInfoByID(objRS("log_ID"))                                                                  ThenstrPrevious=strPrevious & "<li class=""myulPrevious""><a href="""
------------------------------------------------------------^


我的出错。。。

哈....不错啊