翻墙软件

多说一个下载量第一的评论系统,多个社交账号一键登录~让评论更简单~优化用户体验(嘎嘎!写板子省的写评论了~多省力)

博客开了几个月了,第一次和你们谈技术有点小冲动 闲话不多说

开端说说多说这个css吧

————————————华美的分割线—————————————————

我本人瞎折腾的也有网上找到的~

1.躲藏评论框上面的分享


Code 区域
/*躲藏分享*/.ds-sync{display:none !important;}
2.躲藏右上方最热最新最火



Code 区域
#ds-thread #ds-reset .ds-sort {display:none;}
3.自定义评论框内的颜色,字体,大小



Code 区域
#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:15px;letter-spacing:1px;}
4.自定义评论背景图片,url(里面填写图片的地址就行了)
Code 区域
.ds-textarea-wrapper.ds-rounded-top{background: #ffffff url(你想设置的评论框背景图片地址) no-repeat right bottom !important;}
5.自定义发布按钮字体和突变颜色
Code 区域
#ds-thread #ds-reset .ds-post-button{font-family: ‘微软雅黑’‘Microsoft Yahei’!important;font-weight: bold;font-size:12px;background:none !important;color:#49976b !important;}
6.透明评论框 先看效果吧~


 

嘿嘿~加上背景后效果更佳网站背景 遗忘代码了

Code 区域
#ds-reset .ds-gradient-bg{background:none !important;}.ds-post-button{background:none !important;}ds-toolbar-buttons{background:none !important;}

接下来就是 7.评论列表美化~很美哒~


Code 区域
/*评论列表美化*/#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current {border:0px;color:#FFF;text-shadow:none;background:#66D399}#ds-thread #ds-reset .ds-highlight {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#523F43 !important;}#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current:hover {color:#696a52;background:#d4d6ba}#ds-thread #ds-reset a.ds-highlight:hover {color:#696a52 !important;}#ds-thread {padding-left:30px;}#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset #ds-hot-posts {overflow:visible}#ds-thread #ds-reset .ds-post-self {padding:10px 0 10px 10px;}#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset .ds-post-self {border:0 !important;}#ds-reset .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar {position:absolute;top:26px;left:-14px;padding:5px;width:36px;height:36px;box-shadow:-1px 0 1px rgba(0,0,0,.15) inset;border-radius:46px; background:#FFF;}#ds-thread #ds-reset ul.ds-children .ds-avatar {left:-23px;}#ds-thread .ds-avatar a {display:inline-block;padding:1px; width:32px;height:32px;border:1px solid #b9baa6;border-radius:50%; background-color:#fff !important}#ds-thread .ds-avatar a:hover {border-color:#de5a4e}#ds-thread .ds-avatar > img {margin:2px 0 0 2px}#ds-thread #ds-reset .ds-replybox {box-shadow:none;}#ds-thread #ds-reset ul.ds-children .ds-replybox.ds-inline-replybox a.ds-avatar,#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar {left: 0;top: 0; padding: 0;width: 32px !important;height: 32px !important; background: none;box-shadow: none; } #ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar img {width: 32px !important;height: 32px !important; border-radius:50%;} #ds-reset .ds-replybox a.ds-avatar,#ds-reset .ds-replybox .ds-avatar img { padding:0;width:50px !important;height:50px !important; border-radius:5px; }#ds-reset .ds-avatar img {width:32px !important;height:32px !important;border-radius:32px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.22);-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;transition:.4s all ease-in-out;}.ds-post-self:hover .ds-avatar img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}#ds-thread #ds-reset .ds-comment-body {background: #F6F6F6;padding:15px 15px 12px 32px;border-radius:5px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.65), 0 1px 0 rgba(245, 239, 239, 0.26) inset;#ds-thread #ds-reset .ds-comment-body p{color:#787968}#ds-thread #ds-reset .ds-comments a.ds-user-name {font-weight:bold;color:#696A52 !important;}#ds-thread #ds-reset .ds-comments a.ds-user-name:hover {color:#D32 !important;}#ds-thread #ds-reset #ds-hot-posts {border:0}#ds-reset #ds-hot-posts .ds-gradient-bg {background:none;}#ds-reset #ds-bubble #ds-ctx .ds-ctx-entry {padding:0;}#ds-reset #ds-bubble .ds-avatar, #ds-reset #ds-bubble #ds-ctx-bubble .ds-avatar a {position:static;padding:0;border:0; background:none;box-shadow:none;}#ds-reset #ds-bubble .ds-avatar img, #ds-reset #ds-bubble #ds-ctx-bubble .ds-avatar a {width:45px !important;height:45px !important;}#ds-reset #ds-bubble .ds-user-name{padding-left:13px;}#ds-reset .ds-comment-body #ds-ctx {border-left:1px solid #b9baa6;background-color:#e8e8dc !important}#ds-reset #ds-ctx {margin-right:-15px}#ds-reset #ds-ctx .ds-ctx-entry {position:relative;padding:10px 30px 10px 10px;}#ds-reset #ds-ctx .ds-ctx-entry .ds-avatar {top:6px;left:5px;background:none;box-shadow:none;}#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body {margin-left:46px;}#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-content {color:#787968}#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a {color:#696A52;font-weight:bold}#ds-recent-comments li.ds-comment div {padding-top: 6px;}#ds-recent-comments li.ds-comment.ds-show-avatars {padding-left: 65px !important;}#ds-recent-comments li.ds-comment.ds-show-avatars img{ border-radius:5px;margin:15px;}#ds-thread #ds-reset .ds-post-button{ text-shadow: 0 1px 0 #88746A !important; color: #C83E3E !important;}

 

木图很不爽? 那就来一张

 

 

官方的文档提取过来的


 评论框左右边距 假如你的评论框左右边距过小(评论框太宽),输入下列代码调整宽度,直到页面上评论框宽度显现适宜:

#ds-thread {padding:24px;}
或者这样写
#ds-thread {margin:24px;}


假如你的评论框太窄,可能是宽度被设定了不适宜的值,输入下列代码让宽度自动拉伸:


#ds-thread {width:auto;}


其实还有很多~只需求鼠标右击检查元素查看标签然后再添加css即可


 

 

羞羞~~遗忘了一个

躲藏多说版权

#ds-thread #ds-reset .ds-powered-by{display:none;}

觉得这个没啥用 由于留版权又不会怀孕~为何要躲藏呢~ 不要说什么SEO什么的

 

请注意:网络时代讲究速度有全面的资讯,虽然互联网是一张密集的网络但由于各国之间相互交错,其实很多资讯与信息我们并不能完全获取,然而有技术的就可以通过翻墙访问全世界的每一个角落。不论您是长期从事何种职业当资源与信息匮乏时,即可通过参照本文进行简单设置电脑翻墙、手机(苹果IOS翻墙、安卓手机翻墙)、火狐浏览器翻墙、谷歌chrome浏览器翻墙等通通不在话下。并且特别针对与youtube、twitter推特、facebook翻墙等工具的使用和教程,保持长期稳定的更新幅度保障大家畅连全世界!