美化效果如下图：


美化教程：
1，上传图片（鼠标右键保存到本地，命名为xinBg.png）到目录：/static/image/common/下面


2，复制下面的美化代码（请根据自己的站点做适当的修改）粘贴到【后台设置】-【界面】-【界面设置】-【帖内用户信息】-【默认方案】-【编辑】，先清除里面的代码，再复制粘贴进去！（记得先备份里面的代码！）


美化代码：

<style>

.uidtx {

        width:90%;

        font-size:12px;

        border:1px solid #ccc;

        background:#FFFFFF;

        margin:0 auto;

        text-align:center;

        margin-bottom:5px;

        padding:2px 0;

}

.uidtx span {

        margin-right:5px;

}

.sxmpcss {

        width:90%;

        font-size:12px;

        color:#4B4B4B;

        padding:0px;

        border:1px solid #ccc;

        background:#FFFFFF;

        margin:0 auto;

}

.jbbj {

        height:96px;

        overflow:hidden;

        background:url(/static/image/common/xinBg.png) no-repeat -12px 0px;

        margin-top:5px;

}

div#pt {

        }vvp {

        margin:5px 10px 5px 12px;

}

.cssb {

        padding:2px 0;

        line-height:20px;

        text-align:center;

        margin-top:3px;

}

.cssd {

        margin-left:32px;

        margin-top:5px;

        line-height:32px;

}

.sxmpcss p {

        margin:8px 24px 8px 20px;

}



.pls dd, .pls dt{

    float: left;

    overflow: hidden;

    height: 1.6em;

    line-height: 1.6em;

}

.pls dd{width:auto;}

.pls dt{width:auto;}

</style>



<div class="uidtx">

<span>UID</span>

{baseinfo=uid,0}

</div>

<div class="uidtx">

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

</div>

<div class="sxmpcss jbbj">

    <div class="cssd">

<dt>威望：</dt><dd>{baseinfo=extcredits1,0}  个</dd>

<br>

<dt>金币：</dt><dd>{baseinfo=extcredits2,0}  个</dd>

<br>

<dt>贡献：</dt><dd>{baseinfo=extcredits3,0}  点</dd>

<br>

    </div>

</div>



<div class="cssb sxmpcss">我的勋章</div>

<div class="sxmpcss">

{medal}

    <p class="md_ctrl">

        {*}

    </p>

        {/medal}

</div>

3，粘贴完成后，点击【提交】即可！