Discuz!X3个人信息美化：修改勋章间距教程！

Discuz!X3后台，全局—界面设置——贴内用户信息———新增加一个方案（如果有方案就直接点击编辑）




左侧信息模板：

添加 显示勋章代码之后

{medal}<p class="md_ctrl">{*}</p>{/medal}

前台会发现 勋章会贴在一起 並不美观



在上面添加：勋章间距

<style type="text/css">img{margin:2px;}</style>

后，就显示如图



注：margin:2px 表示勋章四周的间距，大家可以根据自己论坛勋章的大小，调整这个间距。


提交，然后回到论坛帖子页查看勋章的变化吧！

有兴趣的朋友试试看

刚试用下，确实美观多了.

这样貌似会使等级图标间距也拉大，有没有只改变勋章间距的方法？

maxg1206 发表于 2013-7-24 12:55
这样貌似会使等级图标间距也拉大，有没有只改变勋章间距的方法？

把勋章放在其它图标下面去

现在也是把勋章放在了最后，只在勋章语句前加上了<style type="text/css">img{margin:2px;}</style>，等级图标扔会变宽。

maxg1206 发表于 2013-7-24 16:38
现在也是把勋章放在了最后，只在勋章语句前加上了img{margin:2px;}，等级图标扔会变宽。

[01.{numbercard}

02.{groupicon}<p>{*}</p>{/groupicon}

03.{authortitle}<p><em><font color=#3E3A3F>等级：</font>{*}</em></p>{/authortitle}

04.{star}<p>{*}</p>{/star}

05.{customstatus}<p class="xg1">{*}</p>{/customstatus}

06.<dl class="pil cl">

07.        <dt>{baseinfo=credits,1}</dt><dd>{baseinfo=credits,0}</dd>

08.                <dt>{baseinfo=posts,1}</dt><dd>{baseinfo=posts,0}</dd>

09.                <dt>{baseinfo=digestposts,1}</dt><dd>{baseinfo=digestposts,0}</dd>

10.</dl>

11.<style type="text/css">img{margin:2px;}</style>

12.{medal}<p class="md_ctrl">{*}</p>{/medal}

13.<dl class="pil cl">{baseinfo=field_qq,0}</dl>

试了试



正常啊

我的怎么设置等级图标间都有空隙。
代码如下，不知哪里的问题，劳烦指教。

1. {groupicon}<p>{*}</p>{/groupicon}
   
2. {authortitle}<p><em>{*}</em></p>{/authortitle}
   
3. {star}<p>{*}</p>{/star}
   
4. {upgradeprogress}
   
5. <dl class="pil cl">
   
6. <dt>{baseinfo=uid,1}</dt><dd>{baseinfo=uid,0}</dd>
   
7. <dt>{baseinfo=extcredits1,1}</dt><dd>{baseinfo=extcredits1,0}</dd>
   
8. <dt>{baseinfo=extcredits2,1}</dt><dd>{baseinfo=extcredits2,0}</dd>
   
9. <dt>{baseinfo=credits,1}</dt><dd>{baseinfo=credits,0}</dd>
   
10. <dt>{baseinfo=digest,1}</dt><dd>{baseinfo=digest,0}</dd>
    
11. <dt>{baseinfo=posts,1}</dt><dd>{baseinfo=posts,0}</dd>
    
12. <dt>{baseinfo=readperm,1}</dt><dd>{baseinfo=readperm,0}</dd>
    
13. <dt>{baseinfo=oltime,1}</dt><dd>{baseinfo=oltime,0}</dd>
    
14. <dt>{baseinfo=regtime,1}</dt><dd>{baseinfo=regtime,0}</dd>
    
15. <dt>{baseinfo=lastdate,1}</dt><dd>{baseinfo=lastdate,0}</dd>
    
16. </dl>
    
17. <style type="text/css">img{margin:2px;}</style>
    
18. {medal}<p class="md_ctrl">{*}</p>{/medal}
    

复制代码

maxg1206 发表于 2013-7-24 17:08
我的怎么设置等级图标间都有空隙。
代码如下，不知哪里的问题，劳烦指教。

4. {upgradeprogress}

改为

{upgradeprogress}<p>{*}</p>{/upgradeprogress}

试试

allthebest 发表于 2013-7-24 17:29
4. {upgradeprogress}

改为

还是不行。。