如何有效利用DedeCMS模板中的友情链接功能？

友情链接标签flink的调用方法

1、功能说明：用于获取友情链接，其对应的后台文件为"includetaglibflink.lib.php"。

2、适用范围：全局标记，适用于V55, V56, V57版本。

3、参数说明

type：链接类型，值可以是以下几种：

textall: 全部用文字显示；

textimage: 文字和图片混合排列；

text: 仅显示不带Logo的链接；

image: 仅显示带Logo的链接。

row：链接调用数量。

linktype：链接显示位置，linktype=’2’表示调用首页友情链接，linktype=’1’表示调用内页友情链接，此值在添加友情链接时有选择提示。

titlelen：站点文字的长度，24’表示调用友情链接的汉字为24个字节，即12个汉字长。

typeid：链接分类类型，typeid=’0’表示调用所有类型的友情链接，可以在系统后台[模块][友情链接]中的“网站类型管理”中查看。

4、底层模板字段：

DEDECMS默认代码：{dede:flink row='24'/}

图片友情链接：{dede:flink row='24' type='image' titlelen="24" typeid="0"} [field:link /] {/dede:flink}

文字友情链接：{dede:flink row='24' type='text' titlelen="24" typeid="0"} [field:link /] {/dede:flink}

5、实例展示：

代码1：

     {dede:flink/}
     {dede:flink row='24' type='text' titlelen="24" typeid="0"}
     [field:link /]
     {/dede:flink}
     {dede:flink row='24' type='image' titlelen="24" typeid="0"}
     [field:link /]
     {/dede:flink}

代码2：

     {dede:flinktype type="dedecms"}
     <dd id="flink_[field:id/]">
     {dede:flink/}
     </dd>
     {/dede:flinktype}

修改友情链接的样式

如果不喜欢友情链接的默认样式，可以到模板文件中找到相应的CSS样式进行修改，找到/templets/default/style/dedecms.css文件，然后修改你想要的效果。

.flinkdtop {
    lineheight: 30px;
    backgroundcolor: #f5f5f5;
    height: 30px;
    border: 1px solid #dfdfdf;
    paddingright: 20px;
    paddingleft: 20px;
}
.lt_centflink {
    padding: 10px;
    borderrightwidth: 1px;
    borderbottomwidth: 1px;
    borderleftwidth: 1px;
    borderrightstyle: solid;
    borderbottomstyle: solid;
    borderleftstyle: solid;
    borderrightcolor: #dfdfdf;
    borderbottomcolor: #dfdfdf;
    borderleftcolor: #dfdfdf;
}

FAQs

问题1：如何在DEDECMS中调用不同类型的友情链接？

答案1：在DEDECMS中，可以通过设置type参数来调用不同类型的友情链接。

type='textall'：全部用文字显示；

type='textimage'：文字和图片混合排列；

type='text'：仅显示不带Logo的链接；

type='image'：仅显示带Logo的链接。

问题2：如何修改友情链接的样式？

答案2：要修改友情链接的样式，可以到模板文件中找到相应的CSS样式进行修改，找到/templets/default/style/dedecms.css文件，然后根据需要修改样式。

.flinkdtop {
    lineheight: 30px;
    backgroundcolor: #f5f5f5;
    height: 30px;
    border: 1px solid #dfdfdf;
    paddingright: 20px;
    paddingleft: 20px;
}
.lt_centflink {
    padding: 10px;
    borderrightwidth: 1px;
    borderbottomwidth: 1px;
    borderleftwidth: 1px;
    borderrightstyle: solid;
    borderbottomstyle: solid;
    borderleftstyle: solid;
    borderrightcolor: #dfdfdf;
    borderbottomcolor: #dfdfdf;
    borderleftcolor: #dfdfdf;
}