本文主要分享的是多說css的設置方式,通過css使多說評論框更加個性化。
.ds-sync{
display:none !important;
}/*隱藏評論框底部分享*/
.ds-textarea-wrapper.ds-rounded-top{
background: #ffffff url(你想設置的評論框背景圖片地址) no-repeat right bottom !important;
}/*定義評論框背景*/
url換成你自己想要的圖片地址就行了,貌似需要絕對路徑吧,不清楚,我用的是絕對路徑。
#ds-reset .ds-gradient-bg{
background:none !important;
}/*設置評論框下方漸變*/
話說漸變色什么的雖然立體感較強但是和主題整體風格不融洽,隱藏之,這樣底部就是透明的了。
#ds-thread #ds-reset .ds-textarea-wrapper textarea, #ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {
font-family: ‘微軟雅黑’ ‘Microsoft Yahei’!important;
font-size:12px;
letter-spacing:1px;
}/*定義評論框內字體*/
這個好像是定義評論框內輸入的文字字體的,嗯,好像是。
#ds-thread #ds-reset .ds-post-button{
font-family: ‘微軟雅黑’ ‘Microsoft Yahei’!important;
font-weight: bold;
font-size:12px;
background:none !important;
color:#49976b !important;
}/*定義發布按鈕字體以及漸變背景*/
#ds-thread #ds-reset .ds-sort {
display:none;
}/*隱藏最新最熱等*/
#ds-thread #ds-reset li.ds-tab a.ds-current{
background:none;
border:none;
}/*隱藏評論總數背景及邊框*/
#ds-thread #ds-reset .ds-powered-by{
display:none;
}/*隱藏多說底部版權*/
#ds-reset .ds-highlight{
color:#49976b !important;
}/*定義高亮字體顏色*/#ds-thread #ds-reset #ds-bubble a{
color: #49976b !important;
}/*定義評論框內其他高亮顏色*/
#ds-thread #ds-reset #ds-bubble {
color: #49976b !important;
}/*定義評論框內其他高亮顏色*/
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a{
color: #49976b !important;
}/*定義評論框內其他高亮顏色*/
#ds-thread #ds-reset a.ds-comment-context:hover{
color: #49976b !important;
}/*定義評論框內其他高亮顏色*/
#ds-thread #ds-reset a.ds-comment-context{
color: #49976b !important;
}/*定義評論框內其他高亮顏色*/
新聞熱點
疑難解答