94設計素材網vip界面表格 - B2主題WordPress美化

相比于默認的會員界面，仿94設計素材網vip界面采用了表格的方法對不同的權限進行了切分，看起來更加的清晰和一目了然。

效果預覽：

如何實現？

將以下代碼添加至主題根目錄下的style.css文件底部保存即可。

/*會員*/
.vip-list-in {
    padding: 0px;
}

.vip-item {
    padding: 0;
    width: 30%;/*20%、25%、50%寬度分割*/
    border: 1px solid #ffffff;
}
/*h2標題*/
.vip-list-in h2 {
    padding: 20px 0;
    background: #ece7dd;
}

.vip-list-in .vip-price {
    margin: 0;
    padding: 20px 0;
    background: #fff7e9;
}

.vip-row li {
    margin: 1px 0;
    margin-bottom: 1px;
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
    background: #f9f9f9;
}

.vip-buy {
    margin: 0;
    padding: 20px;
    background: #fbf9f7;
}

.vip-allow.allow i {
    color: #e0ac7f;/*圖標顏色*/
}

相關鏈接：

94設計素材網模塊標題 - B2主題WordPress美化

Muze

• 20年7月9日
• 喜歡：0
• 瀏覽：1.5k

簡單清爽的快速引導卡片 - WordPress區塊

Muze

• 20年4月23日
• 喜歡：0
• 瀏覽：709