查看: 82|回覆: 9

[教程] 给你的勋章名字加上好看的框

[複製鏈接]

25

主題

25

回帖

0

積分

热心网友

金币
25
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2008-8-10
發表於 2024-3-25 21:10:18 | 顯示全部樓層 |閲讀模式

我又来给大家带来好看的美化教程了,这次是给勋章名字加上框,效果不错吧,下次给大家分享下给勋章左上角加图标



  1. p.xw1 {
  2.     background-image: url(自己把图片素材上到你网站任意位置/B82_SJZTX_05.png);
  3.     background-repeat: no-repeat;
  4.     margin-right: 20px;
  5.     padding: 15px;
  6.     transform: translateX(12px);
  7.     color: #fff;
  8.     /* line-height: 23px; */
  9. }
上面是代码

复制到勋章中心的css最底下即可,因为每个人模板不同,自己研究




这是图片素材



这是, 图片素材, 你的, 勋章, 名字
回覆

使用道具 舉報

85

主題

267

回帖

0

積分

热心网友

金币
267
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2012-7-2
發表於 2024-3-25 21:32:40 | 顯示全部樓層
非常感谢,收下了,不过应该来个默认模板示例,不然像我这样的小白真的很懵
回覆

使用道具 舉報

1

主題

27

回帖

0

積分

热心网友

金币
27
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2010-11-12
發表於 2024-3-27 00:48:09 | 顯示全部樓層
具体在那个位置插入呢?
回覆

使用道具 舉報

7

主題

106

回帖

0

積分

热心网友

金币
106
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2010-12-6
發表於 2024-3-27 17:29:41 | 顯示全部樓層
感谢大佬的贡献
回覆

使用道具 舉報

1

主題

2

回帖

0

積分

热心网友

金币
2
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2012-1-24
發表於 2024-4-29 22:55:55 | 顯示全部樓層
66666666666
回覆

使用道具 舉報

2

主題

6

回帖

0

積分

热心网友

金币
6
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2012-7-14
發表於 2024-5-7 02:35:39 | 顯示全部樓層
这个好看
回覆

使用道具 舉報

2

主題

4

回帖

0

積分

热心网友

金币
4
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2010-8-28
發表於 2024-7-26 11:38:48 | 顯示全部樓層
请问作者,勋章边框加上角标如何加呢?
回覆

使用道具 舉報

0

主題

6

回帖

0

積分

热心网友

金币
6
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2012-3-21
發表於 2024-8-5 00:44:02 | 顯示全部樓層
感谢大佬的贡献
回覆

使用道具 舉報

7

主題

106

回帖

0

積分

热心网友

金币
106
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2010-12-6
發表於 2024-8-30 11:11:49 | 顯示全部樓層
我这咋个代码加进去没效果呢
回覆

使用道具 舉報

25

主題

25

回帖

0

積分

热心网友

金币
25
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2008-8-10
 樓主| 發表於 2024-8-30 11:46:33 | 顯示全部樓層

CSS位置不对,毕竟每个人模板不一样
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部