DIY带图带下载分类信息模板(2025.1.5共更新3个版本)
<br /><br />昨天有佬需要,我仿照捣鼓了下,能力有限,也就这样了<br />初级版<br /><img title="081123l1qjdxxqoypwgnsp.jpg" id="aimg_33546" aid="33546" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/25/082539cl7p0levciijifv5.jpg" src="https://www.dismall.com/data/attachment/forum/202412/25/082539cl7p0levciijifv5.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 />使用方法:后台→论坛→分类信息→导入<br />图片随便传哪里,分类信息里写对图片路劲就好<br />相关文字或者选项按自己需求自己修改下!<br /><br /><br />高级版:<br /><img title="截图202501052128471231.jpg" id="aimg_33763" aid="33763" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202501/05/212847r0te53igoto8x590.jpg" src="https://www.dismall.com/data/attachment/forum/202501/05/212847r0te53igoto8x590.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 /><br />顶级版<br /><img title="截图202501052135136862.jpg" id="aimg_33766" aid="33766" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202501/05/213513effj0sspktfnsazg.jpg" src="https://www.dismall.com/data/attachment/forum/202501/05/213513effj0sspktfnsazg.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 />免责申明可以选用,用下面的话 就把上面的可以删掉或者改成别的链接<br /><br />嫌线粗的话就搜索<br /><ol><li>.sf_nr { height: 25px; width: auto; border-bottom: 5px solid #f60; margin-top: -10px;}</ol>5px 改成 1px<br /><br /><br /><br /><br /><br />可以<em>, </em>的话<em>, </em>改成<em>, </em>本帖<em>, </em>最后 可以的非常好看 挺不错的 非常感谢，收下了<br />如果细节再处理下就更好了，比如不支持移动端，线条不能随屏幕自适应<br /><br />分享下我现在用的，其实我更倾向于你分享的这种，双排更能提现美观和更多的信息量<br /><img title="IMG_20241225_182847.jpg" id="aimg_33571" aid="33571" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/25/183628no40855u3c485fuy.jpg" src="https://www.dismall.com/data/attachment/forum/202412/25/183628no40855u3c485fuy.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><img title="IMG_20241225_182933.jpg" id="aimg_33572" aid="33572" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/25/183638d1g3dbgk10ug4y3f.jpg" src="https://www.dismall.com/data/attachment/forum/202412/25/183638d1g3dbgk10ug4y3f.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><ignore_js_op><span style="white-space: nowrap" id="attach_33573" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})">美化分类信息.zip<em class="xg1">(5.16 KB, 下载次数: 695)</em></span>2024-12-25 18:36 上传点击文件名下载附件</ignore_js_op><br /> <br /><br />以发帖子，进入审核了<br /><br />先发一点补充，你的不支持手机端有点小欠缺<br /><br />分享个别人帮我搞的兼容移动端分类信息美化，缺点不支持双列，我更倾向于你这样的效果<br /><br />你导入试下效果，下载按钮就用你上面分享的图片<br /><ignore_js_op><span style="white-space: nowrap" id="attach_33574" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})">美化分类信息.zip<em class="xg1">(5.16 KB, 下载次数: 627)</em></span>2024-12-25 18:43 上传点击文件名下载附件</ignore_js_op> <br />因为我的论坛没有手机版<br />手机上访问跟电脑上的一样<br />手机上的也没研究过<br /><br />你这模板很漂亮,我很喜欢,谢谢<br />我研究研究 <br />我就是想研究研究这个<br /><img title="截图202412252246387864.jpg" id="aimg_33578" aid="33578" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/25/224638ct9lptn3npnmll1v.jpg" src="https://www.dismall.com/data/attachment/forum/202412/25/224638ct9lptn3npnmll1v.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="415" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />其他的我感觉并不实用<br />写的也非常复杂<br />而且我的主站使用这个会出错<br />不知道是不是跟我改了很多模板有关<br /><br />我的测试站使用倒是正常的<br /><br />你说的那个线 可能要按照自己的模板来自己调整, 代码里我应该留着设置数值的<br /> <br /><br />移动端我没法测试<br />我这边没有移动端,我应用中心装了几个免费的手机端<br />打开什么都没有就是最简陋的那种...<br />所以测试不了<br /><br /><br />我那个我小修改了下<br /><img title="截图202412260951031994.jpg" id="aimg_33582" aid="33582" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/26/095103mc8fccniek83oi33.jpg" src="https://www.dismall.com/data/attachment/forum/202412/26/095103mc8fccniek83oi33.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 /><img title="截图202412260951389232.jpg" id="aimg_33583" aid="33583" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/26/095138obg2ca51k1t9dato.jpg" src="https://www.dismall.com/data/attachment/forum/202412/26/095138obg2ca51k1t9dato.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 /><br /><br /> <br />提个建议<img title="IMG_20241226_123228.jpg" id="aimg_33588" aid="33588" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/26/123318bpjjjzaoq8mxoooo.jpg" src="https://www.dismall.com/data/attachment/forum/202412/26/123318bpjjjzaoq8mxoooo.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 />这样~<br />自适应每个人的风格模版宽度<br />新增免责申明链接地址<br />新增与我联系QQ客服跳转(但是好像被QQ平台和谐掉了,可以考虑直接显示QQ号码数字)<br /><br /><img title="截图202412271401459685.jpg" id="aimg_33617" aid="33617" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202412/27/140145yhwjxawarmh9xrxo.jpg" src="https://www.dismall.com/data/attachment/forum/202412/27/140145yhwjxawarmh9xrxo.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />换了个联系QQ的<br /><br />越改越魔性了<br /><br /><br /><br /><br />
頁:
[1]