dedecms 头条加标签的效果是怎么弄的啊 20
第一行是文章标题（字体比较大），标题下面就是三四个标签（带链接）
第二行一样
因为不能上传图片 所以只能这样描述了
或者回答我第二个问题也行：
tag标签之间用竖线分隔怎么实现啊
百度 | 谷歌 | 啦啦 | 呵呵呵
这种效果 展开
1）标题图片字体定义
首先上传字体文件上传到include/data/fonts/下，并命名为 STXINGKA.TTF ，这个是用于生成标题图片的字体的。当然，你也可以自己定义更漂亮的字体，但字体必须命名为STXINGKA.TTF。
2）标题图片函数文件
打开include/extend.func.php （注意：本文件为自定义函数接口，如果你没有这个文件，请自己创建一个），在最后面的?>的前面以上开始插入以下代码：
class DeDeTitle
{
var $text = '暂无标题';
var $bg = '#F0F0F0';
var $color = '#30F';
var $width = 500;
var $height = 50;
var $size = 30;
var $font;
var $path;
function __construct($t)
{
if($t)
{
$this->text = $t;
}
$this->font = DEDEINC.'/data/fonts/STXINGKA.TTF';
}
function DeDeTitle($t)
{
$this->__construct($t);
}
function TextConv()
{
global $cfg_soft_lang;
if($cfg_soft_lang!='utf-8')
{
return gb2utf8($this->text);
}
return $this->text;
}
function C($color,$rgb)
{
if(strlen($color)==4)
{
for($i=1;$i<4;$i++)
{
$str .= str_repeat($color[$i],2);
}
$color = '#'.$str;
}
switch($rgb)
{
case 'R': return hexdec(substr($color, 1, 2));
case 'B': return hexdec(substr($color, 3, 2));
case 'G': return hexdec(substr($color, 5, 2));
}
}
function Titlepath()
{
global $cfg_medias_dir;
$name = GetPinyin($this->text).'.gif';
$path = $cfg_medias_dir.'/title/';
if(!is_dir($path))
{
CreateDir($path);
}
return $path.$name;
}
function Show()
{
if(!file_exists(DEDEROOT.$this->Titlepath()))
{
$this->Make();
}
global $cfg_cmsurl;
return '<img src="'.$cfg_cmsurl.$this->Titlepath().'"/>';
}
function Make()
{
$image = imagecreatetruecolor($this->width,$this->height);
$bg = ImageColorAllocate($image,$this->C($this->bg,'R'),$this->C($this->bg,'B'),$this->C($this->bg,'G'));
$color = ImageColorAllocate($image,$this->C($this->color,'R'),$this->C($this->color,'B'),$this->C($this->color,'G'));
ImageFilledRectangle($image,0,0,$this->width,$this->height,$bg);
imagettftext($image,$this->size, 0, $this->size/2, ($this->height+$this->size)/2, $color, $this->font,$this->TextConv());
imagegif($image,DEDEROOT.$this->Titlepath());
imagedestroy($image);
}
}
3）调用方法简单说明
实际上我们知道，在织梦（DedeCMS）系统中，处理底层字段，一般来说有两种方法：
function
runphp
这两种方法的知识不在本教程讲解的重点，大家可查阅相关资料了解！
我们这里的标题图片，运用的就是第二种runphp来处理的，调用方法为：
在arclist标签中：
[field:title runphp='yes']
$title = new DeDeTitle(@me);//使用DedeTile类
$title->bg = '#F0F0F0';//标题图片背静颜色
$title->color = '#30F';//标题图片字体颜色
$title->width = 350;//标题图片的宽度
$title->height = 50;//标题图片的高度
$title->size = 25;//标题图片的字体大小
@me=$title->Show();//显示图片
[/field:title]
如果在是内容页运用，只需要将[field:title/]换成 {dede:field.title/}即可，例如：
{dede:field.title runphp='yes'}
$title = new DeDeTitle(@me);//使用DedeTile类
$title->bg = '#F0F0F0';//标题图片背静颜色
$title->color = '#30F';//标题图片字体颜色
$title->width = 350;//标题图片的宽度
$title->height = 50;//标题图片的高度
$title->size = 25;//标题图片的字体大小
@me=$title->Show();//显示图片
{/dede:field.title/}
二、效果预览
我们在后台的【模板】——[全局标记测试]中输入以下代码：
{dede:arclist row='1' typeid=''}
<a href="[field:arcurl/]">[field:title runphp='yes']
$title = new DeDeTitle(@me);
$title->bg = '#F0F0F0';
$title->color = '#30F';
$title->width = 350;
$title->height = 50;
$title->size = 25;
@me=$title->Show();
[/field:title]</a>
{/dede:arclist}
后，看到了如下的效果：
怎么样？是不是很酷？赶快尝试吧。
三、其它说明
这里的这个是一个现成的库，他不仅仅可以生成标题图片，也可以生成一些其它的内容。只要你会使用dedecms
胡说八道
你是不是对dedecms不熟悉，没二次开发过。如果是这样的话，和你讲了你也不会懂。我把代发发给你看看。
<div id="news" class="fl">
{dede:arclist titlelen='80' flag='h' orderby='pubdate' row='1' infolen='140'}
<h3 class="newsh3"><a href="[field:arcurl/]" title="[field:title/]">[field:title function='cn_substr(@me,30)'/]</a></h3>
<p class="newsp">[field:info/]...<span class="more"><a href="[field:arcurl/]">[详情]</a></span></p>
{/dede:arclist}
<ul>
{dede:arclist noflag="h" titlelen='80' orderby='pubdate' row='6'}
<li><span class="l fl"><span class="biao">·</span> <a href="[field:arcurl/]" title="[field:title/]" >[field:title function='cn_substr(@me,40)'/]</a></span> <span class="r fr">[[field:pubdate function="MyDate('m-d',@me)"/]]</span></li>
{/dede:arclist}
</ul>
</div>
出来的效果就是这样的，当然还要定义一些css。
tag标签的分割线，有两种办法，一种是改源代码，第二种就是用样式控制，给那个里面的a标记加右边框。最后一个不加。要点css功底。最后一个可能还要js辅助下。
如果觉得我说明白了，请采纳。
