B2主題文章詳情頁隱藏內(nèi)容美化，僅供參考。
這是一段為客戶寫的美化CSS，但是在測試網(wǎng)站好像出了問題，怪怪的，在此僅做記錄，方便后續(xù)開發(fā)維護(hù)。
想使用的同志可以自己調(diào)整下，如果后續(xù)喜歡的比較多，我就再優(yōu)化下。
示例
CSS
/*Npcink*/
/*標(biāo)志*/
.content-hidden-before i {
left: -12em;
padding: 0 0 0 20px;
}
/*說明文本*/
.content-hidden-info-title {
margin-top: 0px!important;
top: -1em;
position: absolute;
left: 8em;
color: red;
}
/*介紹文本與價(jià)格對齊*/
.content-cap-title {
position: absolute;
left:7.2em;
}
.content-cap-title:before {
content:'此內(nèi)容需';
font-size: 14px;
}
.content-cap-title:after {
content:':';
font-size: 14px;
}
.content-cap-title span {
color: #111;
font-size: 14px;
padding: 0 10px 0 0;
}
/*價(jià)格文本*/
.content-user-money span {
color: #fff;
background-color: #3A4954;
border: 1px solid #3A4954;
line-height: 16px;
border-radius: 5px;
}
.content-user-money:after {
content:'/';
}
.content-user-money:after {
content:'VIP會(huì)員免費(fèi)';
background-color: #EF900C;
border-radius: 5px;
border: 1px solid #EF900C;
padding: 0.01em 0.6em;
margin-left: 1em;
color: #fff;
font-size: 14px;
}
/*按鈕*/
.entry-content a {
padding: 0.2em 1.2em;
border-radius: 5px;
font-size: 14px;
}
/*第一個(gè)按鈕*/
.entry-content a:first-child {
color: #fff;
background-color: #1CA43E;
border: 1px solid #1CA43E;
}
/*第二個(gè)按鈕*/
.entry-content a:nth-of-type(2) {
color: #000;
background-color: #EF900C;
border: 1px solid #EF900C;
}
/*登錄后*/
.content-user-lv-login .content-cap-login {
color: #fff;
background-color: #1CA43E;
border: 1px solid #1CA43E;
}
.content-user-lv-login .content-cap-login:after {
content:'購買';
}
.content-user-lv-login:after {
content:'升級成為VIP';
background-color: #EF900C;
border-radius: 5px;
border: 1px solid #EF900C;
padding: 6px 6px;
font-size: 14px;
}如何使用
在主題根目錄下的style.css文件中的底部下添加以下代碼并保存。
