影子江湖 發表於 2024-3-25 21:10:18

给你的勋章名字加上好看的框

<img title="QQ图片20240325210053.png" id="aimg_28879" aid="28879" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202403/25/210215s0d3uw9003z30q89.png" src="https://www.dismall.com/data/attachment/forum/202403/25/210215s0d3uw9003z30q89.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 /><br /><br /><ol><li>p.xw1 {<br /><li>&nbsp; &nbsp; background-image: url(自己把图片素材上到你网站任意位置/B82_SJZTX_05.png);<br /><li>&nbsp; &nbsp; background-repeat: no-repeat;<br /><li>&nbsp; &nbsp; margin-right: 20px;<br /><li>&nbsp; &nbsp; padding: 15px;<br /><li>&nbsp; &nbsp; transform: translateX(12px);<br /><li>&nbsp; &nbsp; color: #fff;<br /><li>&nbsp; &nbsp; /* line-height: 23px; */<br /><li>}</ol>上面是代码<br /><br />复制到勋章中心的css最底下即可,因为每个人模板不同,自己研究<br /><br /><img title="B82_SJZTX_05.png" id="aimg_28880" aid="28880" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202403/25/210759brrorpo2hpntppg0.png" src="https://www.dismall.com/data/attachment/forum/202403/25/210759brrorpo2hpntppg0.png" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="128" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br />这是图片素材<br /><br /><br /><br />这是<em>, </em>图片素材<em>, </em>你的<em>, </em>勋章<em>, </em>名字

ysx24 發表於 2024-3-25 21:32:40

非常感谢，收下了，不过应该来个默认模板示例，不然像我这样的小白真的很懵

351642 發表於 2024-3-27 00:48:09

具体在那个位置插入呢？

海哥 發表於 2024-3-27 17:29:41

感谢大佬的贡献

微资源共享平台 發表於 2024-4-29 22:55:55

66666666666

q6545133 發表於 2024-5-7 02:35:39

这个好看

Sorrel 發表於 2024-7-26 11:38:48

请问作者，勋章边框加上角标如何加呢？

二鱼 發表於 2024-8-5 00:44:02

感谢大佬的贡献

海哥 發表於 2024-8-30 11:11:49

我这咋个代码加进去没效果呢

影子江湖 發表於 2024-8-30 11:46:33

<br />CSS位置不对，毕竟每个人模板不一样
頁: [1]
查看完整版本: 给你的勋章名字加上好看的框