多讲自定义CSS 背景、按钮、字体、隐藏版权
发布时间:2022-04-30 11:13:03 所属栏目:经验 来源:互联网
导读:本文主要分享的是多说css的设置方式,通过css使多说评论框更加个性化。 将评论框底部的分享到微博QQ空间什么的隐藏起来 .ds-sync{ display:none !important; }/*隐藏评论框底部分享*/ 定义评论框背景 .ds-textarea-wrapper.ds-rounded-top{ background: #fff
本文主要分享的是多说css的设置方式,通过css使多说评论框更加个性化。 “将评论框底部的分享到微博QQ空间什么的隐藏起来” .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; }/*定义评论框内其他高亮颜色*/ (编辑:葫芦岛站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
站长推荐