DiscuzX模板案例——修改页脚
<font size="4">common文件夹是什么?</font><font face="&quot;">顾名思义,<strong>common</strong>在英语中对应<strong>通用</strong>,没错,如果将Discuz中的页面比作建筑物,那么<strong>common相当于水,电等公共设施</strong>,common负责的部分东西包括但不限于</font><ul><li><head>标签,引入js和css<li>上方操作,标题栏<li>页面下方页脚(版权信息)<br /></ul><br /><font size="4"><strong>案例——修改页脚</strong></font><br /><font size="2">知道Discuz的页脚版权标识属于common的东西,那么怎么改呢?</font><br /><font size="2">我们要找到页脚对应的htm文件,通常可以看文件名字来辨别,但如果看不懂呢?</font><br /><font size="2"><strong>F12</strong>是个好东西,通过网页工具箱,我们可以找到我们想要的元素的信息</font><br /><img title="截图202408281721107291.jpg" id="aimg_31575" aid="31575" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202408/28/172110q81y6mfz6y5mbbf8.jpg" src="https://www.dismall.com/data/attachment/forum/202408/28/172110q81y6mfz6y5mbbf8.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><font size="2"><br /></font><br />通过查找,我们将目标锁定在了<id="<font color="#181c20"><font face="consolas, &quot"><font style="font-size:12px">frt">,这下看看哪个文件中包含</font></font></font><id="<font style="color:rgb(24, 28, 32)"><font face="consolas, &quot"><font style="font-size:12px">frt">的字符就可以了,到最后,我们成功将目标锁定在了footer.htm</font></font></font><br /><img title="截图202408281717026532.jpg" id="aimg_31574" aid="31574" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202408/28/171702foqo9qqo6ooop1qk.jpg" src="https://www.dismall.com/data/attachment/forum/202408/28/171702foqo9qqo6ooop1qk.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><font size="4">开始编码!</font><br /><font size="2">还记得我们创建过的模板文件夹吗?在</font>template/<font face="Microsoft YaHei, Helvetica, Meiryo UI, Malgun Gothic, Segoe UI, Trebuchet MS, Monaco, monospace, Tahoma, STXihei, 华文细黑, STHeiti, Helvetica Neue, Droid Sans, wenquanyi micro hei, FreeSans, Arimo, Arial, SimSun, 宋体, Heiti, 黑体, sans-serif"><你的模板标识符></font>/ 中,创建common文件夹并复制footer.htm文件到里面第74行<br /><img title="截图202408281726083929.jpg" id="aimg_31576" aid="31576" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202408/28/172608eii48ixk8aecixc6.jpg" src="https://www.dismall.com/data/attachment/forum/202408/28/172608eii48ixk8aecixc6.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><ul><li>Q:这些<u><i><!--{/if}--></i></u>标签到底是什么?<li>A:我们都知道,Discuz渲染页面是“拼接法”,但有一个问题:”我不能乱拼,我应该在不同的情况下用不同的拼法“,if(如果)是很好的方法,用于判断并做出选择<br /></ul><br />我们可以做出一些修改在此基础上,比如加一个友情链接,或者加一些俏皮文案...<br /><br /><ol><li><br /><li><div><span style="white-space:pre"> </span><div id="frt"><br /><li><span style="white-space:pre"> </span><p>Powered by <strong><a href="https://www.discuz.vip/" target="_blank">Discuz!</a></strong> <em>$_G['setting']['version']</em><!--{if !empty($_G['setting']['boardlicensed'])}--> <a href="https://license.discuz.vip/?pid=1&host=$_SERVER" target="_blank">Licensed</a><!--{/if}--></p><br /><li><span style="white-space:pre"> </span><p class="xs0">{lang copyright}</p><br /><li><span style="white-space:pre"> </span><p href="https://ys.mihoyo.com/">我要玩原神</p><br /><li><span style="white-space:pre"> </span></div></div></ol><img title="截图202408281735473594.jpg" id="aimg_31577" aid="31577" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202408/28/173547cg5ffqqn2deqyuue.jpg" src="https://www.dismall.com/data/attachment/forum/202408/28/173547cg5ffqqn2deqyuue.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />最终成果展示<br /><font size="4"><strong>所以有什么用</strong></font><br /><font size="2">一切大型建筑都是从零开始,掌握了一定前端文案后你可以制作友情链接,比如</font><br /><img title="截图202408281741005391.jpg" id="aimg_31578" aid="31578" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202408/28/174100gobcngme9bgczvoc.jpg" src="https://www.dismall.com/data/attachment/forum/202408/28/174100gobcngme9bgczvoc.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="221" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><font size="2"><br /></font><br />仅作为样本,有实力的可以加一些图标作为修饰<br /><br />common<em>, </em>页脚<em>, </em>align<em>, </em>我们 哈哈,你又出教程了? diy能解决的事非得改代码,改的还巨难看
頁:
[1]