魔改前端：极简推特风 三栏响应式 网址/视频解析 强内容弱标题
其实主要是懒，懒得再搞一套手机模板，所以一直倾向于响应式模板，但应用中心又没有论坛的响应式模板，只好自己动手了~<br />历时半月有余，终小有所成，特来此展示炫耀一番{:4_106:}<br /><font size="5">顶帖过百免费分享</font><br /><font size="2">主要特色：</font><br /><font size="2"><strong>出去下，等回来再编辑，先上图~</strong></font><br /><font size="2"><br /></font><br /><img title="1.jpg" id="aimg_25377" aid="25377" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155219m3rr0y5bziw304q9.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155219m3rr0y5bziw304q9.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 /><img title="2.jpg" id="aimg_25375" aid="25375" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155219o6madqsft2wfa7uf.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155219o6madqsft2wfa7uf.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="3.jpg" id="aimg_25376" aid="25376" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155219f7wjxcsrrjmuza6y.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155219f7wjxcsrrjmuza6y.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="11.jpg" id="aimg_25373" aid="25373" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155218njnmxovebydpex5m.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155218njnmxovebydpex5m.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="22.jpg" id="aimg_25372" aid="25372" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155218b8g6w4342jg558x3.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155218b8g6w4342jg558x3.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><img title="33.jpg" id="aimg_25371" aid="25371" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155218ntj0jlhshe0sjjei.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155218ntj0jlhshe0sjjei.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="5.jpg" id="aimg_25374" aid="25374" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/25/155218lmumxnan3oliyu05.jpg" src="https://www.dismall.com/data/attachment/forum/202309/25/155218lmumxnan3oliyu05.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />模板<em>, </em>响应<em>, </em>其实<em>, </em>要是 顶一下，支持作者分享。 支持分享。 呃呃 我没有编辑主题权限{:4_96:}{:4_96:}{:4_96:}<br />下面简单回帖介绍下吧，DEMO:https://cn.admxn.com/ <strong>较大的特色：</strong><br /><br /><font size="4"># 响应式，包括注册登录、<font color="#ffa500">支付接口都做了响应式</font>，自适应大中小屏幕（如PC 平板 手机）；</font><br /><font size="4"><br /></font><img title="346.jpg" id="aimg_25394" aid="25394" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/084025oz24tr8u0lh81tpl.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/084025oz24tr8u0lh81tpl.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"># 尽量多且实用的富媒体列表展示及用户交互，目前支持解析B站视频、网址卡片以及图片展示等；列表就能进行查看回帖内容、复制帖子URL、收藏、快速回复、举报、帖子二维码的交互与分享操作；</font><br /><font size="4"><br /></font><img title="QQ截图20230926081058.jpg" id="aimg_25391" aid="25391" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/083001e64l9oidnil1i4nl.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/083001e64l9oidnil1i4nl.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><font size="4"># 针对</font><font size="4">列表页的快速发帖框</font><font size="4">不仅样式做了较大的改变</font><font size="4">，还强化了内容、弱化了标题（</font><font color="#ffa500"><font size="4">免填标题、自动生成</font></font><font size="4">）；输入的如果是网址还支持一键解析成网址卡片或者iframe引入视频（</font><font color="#4169e1"><font size="4">自动抓取网址的ico图标、title标题以及关键词和描述，并且自动将title标题设为帖子标题、关键词设为帖子标签</font></font><font size="4">）；还写了个简单的EMOJI表情选框~；</font><br /><br /><img title="截图202309260842132478.jpg" id="aimg_25395" aid="25395" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/084213yk539tm8w7tgojp9.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/084213yk539tm8w7tgojp9.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><font size="4"><br /></font><br /><font size="4">还有图片和视频都做了懒加载；大的高级编辑器界面也美化了一下~</font><br /><font size="4"><br /></font><br /><font size="4">用户菜单：<br /></font><br /><img title="QQ截图20230925153829.jpg" id="aimg_25393" aid="25393" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/083006t3i2x3mgkia3h3lg.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/083006t3i2x3mgkia3h3lg.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="320" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />回帖框：<br /><img title="QQ截图20230925153910.jpg" id="aimg_25392" aid="25392" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/083006f0u4z0r420u5pp5m.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/083006f0u4z0r420u5pp5m.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 /><img title="QQ截图20230926084343.jpg" id="aimg_25396" aid="25396" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/084405c133i3jabnhnnnhf.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/084405c133i3jabnhnnnhf.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br />PS：发帖按钮边上那个小图标是马甲插件，配合该插件在列表页输入网址后一键解析、一键发帖（标题、标签以及帖子内容都会自动获取并且填入）、再选个马甲，个人也能轻松做内容了（例如做个云盘资源分享站），就是这么懒！！！<br /> 还有很多细节，例如AJAX加载下一页数据列表后会写入下一页的URL到历史记录，以便history.back();回退，也就是会记住列表页的历史浏览位置，哪怕是AJAX加载了下一页后点击进入了内容页、再点击返回按钮或者浏览器回退都会回到之前的列表位置，而不是从头再来。 不正常的注册页：<br /><img title="QQ截图20230926092146.jpg" id="aimg_25399" aid="25399" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/092244rtup0v8z3fxpw3wq.jpg" src="https://www.dismall.com/data/attachment/forum/202309/26/092244rtup0v8z3fxpw3wq.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 />这种魔改的不适合建站使用，交流学习还行！下面是我们基于discuz登录注册美化的效果<br /><br /><img title="a1.png" id="aimg_25409" aid="25409" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/111246g5jbgjgnbbxkjjnn.png" src="https://www.dismall.com/data/attachment/forum/202309/26/111246g5jbgjgnbbxkjjnn.png" 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="a2.png" id="aimg_25410" aid="25410" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/111246biphg93pw636wllh.png" src="https://www.dismall.com/data/attachment/forum/202309/26/111246biphg93pw636wllh.png" 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="a3.png" id="aimg_25411" aid="25411" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202309/26/111246x7t39n3epj9r4t4l.png" src="https://www.dismall.com/data/attachment/forum/202309/26/111246x7t39n3epj9r4t4l.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /> 不是我喜欢的风格，但是楼主精神可嘉，支持一下。
頁:
[1]