七夏 发表于 2024-9-26 11:16:40

Discuz论坛帖内用户信息美化教程（附代码）

默认的效果太单调了，优化了一下。免费分享

!(data/attachment/forum/202409/26/111407qdec7x7y0s0ttymy.webp "QQ截图20240926111300.webp")

使用方法： 后台界面设置=>帖内用户信息=>新建一个自定义样式

然后在左侧信息模版中粘贴下方代码

（可能跟图片样式差一点，后期修改过）

```
<fieldset style="width:90%; margin:0 auto; border:1px solid #fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;">
      <legend style="color:#FFFFFF; width:60px; text-align:center; background-color:#fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; " align="center">灌水成绩</legend>
      <table style="double none; margin: 5px 0px;" frame="void" align="center">
                <tbody>
                        <tr>
                              <td><center><a href="{baseinfo=threads,1}" target="_blank" class="xi2">{baseinfo=threads,0}</a></center></td>
                              <td><center><a href="{baseinfo=posts,1}" target="_blank" class="xi2">{baseinfo=posts,0}</a></center></td>
                              <td><center><a href="{baseinfo=credits,1}" target="_blank" class="xi2">{baseinfo=credits,0}</a></center></td>
                        </tr>
                        <tr>
                              <td><center><font color="ff0000">主题</font></center></td>
                              <td><center><font color="#008800">回帖</font></center></td>
                              <td><center><font color="3399ff">积分</font></center></td>
                        </tr>
                </tbody>
      </table>
</fieldset>
<p></p>
<fieldset style="width:90%; margin:0 auto; border:1px solid #fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;">
      <legend style="color:#FFFFFF; width:60px; text-align:center; background-color:#fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; " align="center">等级头衔</legend>
      <div style="margin: 5px 0px;">
                <svg t="1717069653976" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1128" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m-212.778667-159.744A339.882667 339.882667 0 0 0 512 853.333333a340.053333 340.053333 0 0 0 220.458667-80.725333A297.770667 297.770667 0 0 0 518.826667 682.666667a297.856 297.856 0 0 0-219.605334 96.256zM239.616 717.653333A382.933333 382.933333 0 0 1 518.826667 597.333333a382.805333 382.805333 0 0 1 271.445333 112.384 341.333333 341.333333 0 1 0-550.656 7.978667zM512 554.666667a170.666667 170.666667 0 1 1 0-341.333334 170.666667 170.666667 0 0 1 0 341.333334z m0-85.333334a85.333333 85.333333 0 1 0 0-170.666666 85.333333 85.333333 0 0 0 0 170.666666z" p-id="1129" fill="#d81e06"><font color="ff0000"></path></svg> U I D : </font><a href="{baseinfo=uid,1}" target="_blank" class="xi2">{baseinfo=uid,0}</a>
                <br>
                <svg t="1717070413885" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1876" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 192a96 96 0 1 0 0-192 96 96 0 1 0 0 192z m-190.4-16c-36.2 0-62.6 25.6-71.2 53.8-16 52.4-64.8 90.4-122.4 90.4-20 0-38.8-4.6-55.4-12.6-15.2-7.4-33.4-6.6-48 2.4-23.2 14.2-30.8 44.2-17.2 67.8L195.2 704H306L140 415.8c81-4.4 150.6-51.8 186.2-119.6 44 53.6 110.8 87.8 185.6 87.8s141.6-34.2 185.6-87.8c35.6 68 105.2 115.4 186.2 119.6L718 704h110.8l187.8-326.2c13.6-23.4 6-53.4-17.2-67.6-14.6-9-32.8-9.8-48-2.4-16.8 8-35.4 12.6-55.4 12.6-57.6 0-106.4-38-122.4-90.4-8.6-28.4-35-54-71.2-54-29 0-52.6 17-64.8 38.6-24.8 44-71.8 73.4-125.6 73.4s-100.8-29.6-125.6-73.4C374.2 193 350.8 176 321.6 176z m-55.2 688h491.2l33.2 64H233.4l33.2-64z m567.4-61.4c-11-21.2-33-34.6-56.8-34.6h-530c-24 0-45.8 13.4-56.8 34.6l-53 102.4c-6 11.6-9.2 24.4-9.2 37.4 0 45 36.4 81.6 81.6 81.6h604.8c45 0 81.6-36.4 81.6-81.6 0-13-3.2-25.8-9.2-37.4l-53-102.4z" p-id="1877" fill="#1296db"></path></svg><font color="#1E90FF">用户组 : </font>{authortitle}<em>{*}</em>{/authortitle}
                <br>
                {upgradeprogress}<p>{*}</p>{/upgradeprogress}
      </div>
</fieldset>
<p></p>
<fieldset style="width:90%; margin:0 auto; border:1px solid #fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;">
      <legend style="color:#FFFFFF; width:60px; text-align:center; background-color:#fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; " align="center">积分成就</legend>
      <div style="margin: 5px 0px;">
                <svg t="1717070460806" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2178" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-85.333334a341.333333 341.333333 0 1 0 0-682.666666 341.333333 341.333333 0 0 0 0 682.666666zM384 341.333333h256l106.666667 149.333334L512 725.333333l-234.666667-234.666666L384 341.333333z m43.946667 85.333334l-39.253334 55.04L512 605.013333l123.306667-123.306666-39.253334-55.04h-168.106666z" p-id="2179" fill="#d81e06"></path></svg><font color="ff0000">{baseinfo=extcredits1,1} : {baseinfo=extcredits1,0}</font>
                <br>
                <svg t="1717070575966" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2504" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 21.333333l180.309333 263.808 306.645334 89.984-195.2 253.013334 9.173333 319.402666L512 840.106667l-300.928 107.434666 9.173333-319.402666-195.2-253.013334 306.645334-89.984L512 21.333333z m0 151.210667L384.938667 358.485333 168.832 421.845333l137.6 178.261334-6.528 225.066666L512 749.482667l212.053333 75.690666-6.485333-225.066666 137.557333-178.261334-216.064-63.36L512 172.544zM426.666667 512a85.333333 85.333333 0 1 0 170.666666 0h85.333334a170.666667 170.666667 0 1 1-341.333334 0h85.333334z" p-id="2505" fill="#1296db"></path></svg><font color="3399ff">{baseinfo=extcredits3,1} : {baseinfo=extcredits3,0}</font>
                <br>
                <svg t="1717070626527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2836" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-85.333334a341.333333 341.333333 0 1 0 0-682.666666 341.333333 341.333333 0 0 0 0 682.666666z m0-552.533333L723.2 512 512 723.2 300.8 512 512 300.8z m0 120.704L421.504 512 512 602.496 602.496 512 512 421.504z" p-id="2837" fill="#08962a"></path></svg><font color="008800">{baseinfo=extcredits2,1} : {baseinfo=extcredits2,0}</font>
                <br>
                <svg t="1717070663059" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3162" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 938.666667C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z m0-85.333334a341.333333 341.333333 0 1 0 0-682.666666 341.333333 341.333333 0 0 0 0 682.666666z m42.666667-341.333333h170.666666v85.333333h-256V298.666667h85.333334v213.333333z" p-id="3163" fill="#f85208"></path></svg><font color="#FF4B00">{baseinfo=oltime,1} : {baseinfo=oltime,0} </font>
                <br>
                <svg t="1717070736289" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3440" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M768 170.666667h-42.666667V128a42.666667 42.666667 0 0 0-85.333333 0v42.666667H384V128a42.666667 42.666667 0 0 0-85.333333 0v42.666667H256a128 128 0 0 0-128 128v512a128 128 0 0 0 128 128h512a128 128 0 0 0 128-128V298.666667a128 128 0 0 0-128-128zM256 256h42.666667v42.666667a42.666667 42.666667 0 0 0 85.333333 0V256h256v42.666667a42.666667 42.666667 0 0 0 85.333333 0V256h42.666667a42.666667 42.666667 0 0 1 42.666667 42.666667v170.666666H213.333333V298.666667a42.666667 42.666667 0 0 1 42.666667-42.666667z m512 597.333333H256a42.666667 42.666667 0 0 1-42.666667-42.666666v-256h597.333334v256a42.666667 42.666667 0 0 1-42.666667 42.666666z" p-id="3441" fill="#d4237a"></path><path d="M341.333333 682.666667m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z" p-id="3442" fill="#d4237a"></path><path d="M682.666667 640h-170.666667a42.666667 42.666667 0 0 0 0 85.333333h170.666667a42.666667 42.666667 0 0 0 0-85.333333z" p-id="3443" fill="#d4237a"></path></svg><font color="F000F0">{baseinfo=regtime,1} : {baseinfo=regtime,0}</font>
                <br>
                <svg t="1717070758990" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3708" width="16" height="16" style="vertical-align: text-bottom;margin: 0px 10px 0px 15px;"><path d="M512 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512h85.333334a341.333333 341.333333 0 1 0 59.093333-192H341.333333v85.333333H85.333333v-256h85.333334V256a425.813333 425.813333 0 0 1 341.333333-170.666667z m42.666667 213.333334v195.626666l138.368 138.368-60.373334 60.373334L469.333333 529.621333V298.666667h85.333334z" p-id="3709" fill="#d4237a"></path></svg><font color="F000F0">{baseinfo=lastdate,1} : {baseinfo=lastdate,0}</font>
      </div>
</fieldset>
<p></p>
<fieldset style="width:90%; margin:0 auto; border:1px solid #fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;">
      <legend style="color:#FFFFFF; width:60px; text-align:center; background-color:#fb8304; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; " align="center">荣誉勋章</legend>
      <div style="margin: 5px 0px;">
                {medal}<p class="md_ctrl">{*}</p>{/medal}
      </div>
</fieldset>
```

梦淡如非 发表于 2024-9-26 11:58:10

楼主做个人吧，居然免费了，收点金币吧，我们都是花人民币买的。{:4_90:}

七夏 发表于 2024-9-26 12:00:13

圆月弯刀 发表于 2024-9-26 11:58
楼主做个人吧，居然免费了，收点金币吧，我们都是花人民币买的。

不是蛋壳买的吗{:4_128:}

梦淡如非 发表于 2024-9-26 12:02:42

七夏 发表于 2024-9-26 12:00
不是蛋壳买的吗

哦，我记错了。蛋壳也是钱啊。

七夏 发表于 2024-9-26 12:04:01

圆月弯刀 发表于 2024-9-26 12:02
哦，我记错了。蛋壳也是钱啊。

{:4_143:}
页: [1]
查看完整版本: Discuz论坛帖内用户信息美化教程（附代码）