26 123
发新话题
打印

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

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

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

1.打开fuction/c_system_event.asp
将下面的代码中的 <li>标签中加入代码 class=""myulprevious""  
注意:myulprevious两边各是两个英文双引号
复制内容到剪贴板
代码:
If objArticle.LoadInfoByID(objRS("log_ID")) ThenstrPrevious=strPrevious & "<li><a href="""  
修改后的结果如下
复制内容到剪贴板
代码:
If objArticle.LoadInfoByID(objRS("log_ID")) ThenstrPrevious=strPrevious & "<li class=""myulPrevious""><a href="""
2.打开你使用的CSS样式文件 (style/你的样式表文件名.css)

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

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

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

[ 本帖最后由 prelead 于 2007-5-27 20:30 编辑 ]
附件: 您所在的用户组无法下载或查看附件
欢迎友情链接 我来看博客www.wolaikan.com

TOP

哈哈,我看见_fcksavedurl=了
肯定又是用fck打代码的后果
楼主,修改一下。
[AD]:个人BLOG:思想碎片@Zx.MYS
[说明]:1.有事请发帖,论坛短消息已禁用。2.写Z-Blog程序的不是我,是另外一个zx。3:准备高考,消失一年。

TOP

回复 #2 Zx.MYS 的帖子

这样总该可以了吧 呵呵
欢迎友情链接 我来看博客www.wolaikan.com

TOP

#divPrevious li{...}

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

还有,看下这个:
http://bbs.rainbowsoft.org/viewt ... page%3D1&page=2

TOP

刚开始用了不行 后来才可以的
欢迎友情链接 我来看博客www.wolaikan.com

TOP

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

TOP

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

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

TOP

引用:
原帖由 prelead 于 2007-5-26 20:56 发表
这样理论上来说 应该也行
在 CSS里 加入
#divPrevious li{width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
我自己测试时候不行  有兴趣的朋友试 一下 不行  ...
这个方法可以的
博客,更爱ZIPPO
支持Z-blog,谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区Z-wiki,或站内搜索寻找答案
1、Z-blog主题修改助手   2、默认模板右侧栏目代码注释       3、默认CSS样式的注释     
4、Z-BLOG使用小贴士收集         5、Z-Blog模版标签库及相关说明   6、加广告请搜索gg/google/广告

TOP

上面说的对
不好意思 搞错了 修改一下  
#ulPrevious li{width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
欢迎友情链接 我来看博客www.wolaikan.com

TOP

来了 再顶一下
欢迎友情链接 我来看博客www.wolaikan.com

TOP

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

TOP

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

[ 本帖最后由 30449188 于 2007-10-17 23:49 编辑 ]
www.30449188.com.cn/blog

TOP

 26 123
发新话题