如何在织梦dedecms中调用自定义字段附件下载时去除Table样式?

织梦DedeCMS中,要去除“附件”下载的Table样式,可以修改相关模板文件。找到并编辑如下路径的文件:/templets/default/article_down.htm,将其中的表格样式代码删除或注释掉,然后保存文件,即可去除下载附件时的Table样式。

在织梦dedecms系统中,我们可以通过调用自定义字段“附件”来实现文件下载的功能,默认的Table样式可能无法满足我们对页面美观度的需求,如何去除这个Table样式呢?下面,我们将详细介绍修改方法。

织梦dedecms调用自定义字段“附件”下载去除Table样式的修改方法
(图片来源网络,侵删)

我们需要找到控制附件样式的代码,在dedecms的后台模板中,有一个名为file_down.htm的文件,它就是控制附件下载样式的关键文件。

打开file_down.htm,你会看到类似下面的代码:

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="line_table">
    <tr>
        <th height="36" align="center" bgcolor="#F5F5F5">文件名</th>
        <th align="center" bgcolor="#F5F5F5">文件大小</th>
        <th align="center" bgcolor="#F5F5F5">下载</th>
    </tr>
    <tr>
        <td height="28" align="center">{dede:field.filename/}</td>
        <td align="center">{dede:field.filesize function='GetFileSize(@me)'/}</td>
        <td align="center"><a href='[field:link/]'>下载</a></td>
    </tr>
</table>

这段代码定义了一个表格,表格的每一列分别展示了文件名、文件大小和下载链接,如果你不想使用表格样式,可以将上述代码替换为如下的div+css样式:

<style type="text/css">
    .download_list { margin: 0; padding: 0; liststyle: none; }
    .download_list li { marginbottom: 10px; }
    .download_list li span { display: inlineblock; width: 100px; textalign: center; }
</style>
<ul class="download_list">
    <li>
        <span>文件名:</span>
        <span>{dede:field.filename/}</span>
    </li>
    <li>
        <span>文件大小:</span>
        <span>{dede:field.filesize function='GetFileSize(@me)'/}</span>
    </li>
    <li>
        <span>下载链接:</span>
        <span><a href='[field:link/]'>下载</a></span>
    </li>
</ul>

这样,我们就将原本的表格样式改为了更简洁的列表样式,你可以根据实际需求,对上述的css样式进行进一步的调整,以达到最佳的视觉效果。

我们需要将修改后的代码应用到网站上,我们需要将修改后的代码保存为一个新的htm文件,比如命名为file_down_new.htm,我们需要在需要调用附件下载的地方,将原来的[field:link/]替换为新的htm文件路径,比如[field:link/]file_down_new.htm

注意,这里的路径需要根据你的实际情况进行调整,确保浏览器可以正确加载到你的htm文件,如果不确定,可以先在浏览器中直接输入你的htm文件路径,看看是否可以正常打开。

刷新网站页面,你就可以看到新的附件下载样式已经生效了。

织梦dedecms调用自定义字段“附件”下载去除Table样式的修改方法
(图片来源网络,侵删)

就是在织梦dedecms中调用自定义字段“附件”下载并去除Table样式的修改方法,希望对你有所帮助。

织梦dedecms调用自定义字段“附件”下载去除Table样式的修改方法
(图片来源网络,侵删)

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/952950.html

(0)
未希的头像未希新媒体运营
上一篇 2024-08-29 08:30
下一篇 2024-08-29 08:32

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购  >>点击进入