大家都知道,有时候,网页文章的标题太长的时候,会影响网页的美观,所以我们要对它进行修剪,限制它只显示多少个文字,多出来的部分用省略号代替.
那么如何和在织梦dedecms实现这个效果呢?下面列出3种方法给大家参考:
1、修改css的:
<a style=”width:120px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;” href=”//www.zuimoban.com”>网页文章很长很长很长很长的标题</a>
解释:width:120px; 限定长度,text-overflow:ellipsis :当对象内文本溢出时显示省略标记…,white-space:nowrap:强制文本在一行内显示,overflow:hidden:溢出内容为隐藏。
修改css的方法简单,不过很遗憾,text-overflow:ellipsis属性在firefox中是没有效果的。
2、修改模板的方法:
用 [field:title function=’ ( strlen(”@me”)>30 ? cn_substr(”@me”,30).”…” : “@me” ) ‘ /] 代替了原来的 [field:title /] ,在输出标题时多了一个判断的过程,先判断标题是否大于30字节,如果大于则只输出30字节的长度,并加上省略号。而title=” [field:title /]” 则不受影响,鼠标移上去时显示标题的全部内容。
3、改dedecms程序方法:
增加一个fulltitle标签,让你的title=\”\”显示完整标题
具体修改如下:
1、打开include目录下inc目录下的inc_fun_spgetarclist.php文件
2、找到228行
copy code
&row[\'title\'] = cn_substr(&row[\'title\'],&titlelen);
在前面增加一行
copy code
&row[\'fulltitle\'] = &row[\'title\']; //注释:显示完整标题
3、找到
copy code
&row[\'textlink\'] = \”<a href=\’\”.&row[\'filename\'].\”\’>\”.&row[\'title\'].\”</a>\”;
将其替换为:
copy code
&row[\'textlink\'] = \”<a href=\’\”.&row[\'filename\'].\”\’ title=\’\”.&row[\'fulltitle\'].\”\’>\”.&row[\'title\'].\”</a>\”;
(责任编辑:最模板) |