[font='Microsoft YaHei', ���ź�, 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, ����]写下这篇文章是因为有同学问我,轻狂志的多说评论头像是咋搞的,把我问懵了——不好意思,我还真忘了,当时是在网络上看到一篇教程,照着做的——于是翻啊翻,终于找到了原文出处。[font='Microsoft YaHei', ���ź�, 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, ����]下面把过程简单写下以防再次忘记,原文链接我会附到文末。头像水平翻转(复制到多说后台自定义CSS)[tr=transparent]
[tr=none]001/*Head Start*/[tr=none]002#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current {
[tr=none]003 border: 0px;[tr=none]004 color: #6D6D6B;
[tr=none]005 text-shadow: none;[tr=none]006 background: #F3F3F3;
[tr=none]007}[tr=none]008
[tr=none]009#ds-thread #ds-reset .ds-highlight {[tr=none]010 font-family: Microsoft YaHei, "Helvetica Neue", Helvetica, Arial, Sans-serif;
[tr=none]011 ;font-size: 100%;[tr=none]012 color: #6D6D6B !important;
[tr=none]013}[tr=none]014
[tr=none]015#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current:hover {[tr=none]016 color: #696a52;
[tr=none]017 background: #F2F2F2;[tr=none]018}
[tr=none]019 [tr=none]020#ds-thread #ds-reset a.ds-highlight:hover {
[tr=none]021 color: #696a52 !important;[tr=none]022}
[tr=none]023 [tr=none]024#ds-thread {
[tr=none]025 padding-left: 15px;[tr=none]026}
[tr=none]027 [tr=none]028#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset #ds-hot-posts {
[tr=none]029 overflow: visible;[tr=none]030}
[tr=none]031 [tr=none]032#ds-thread #ds-reset .ds-post-self {
[tr=none]033 padding: 10px 0 10px 10px;[tr=none]034}
[tr=none]035 [tr=none]036#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset .ds-post-self {
[tr=none]037 border: 0 !important;[tr=none]038}
[tr=none]039 [tr=none]040#ds-reset .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar {
[tr=none]041 top: 15px;[tr=none]042 left: -20px;
[tr=none]043 padding: 5px;[tr=none]044 width: 36px;
[tr=none]045 height: 36px;[tr=none]046 box-shadow: -1px 0 1px rgba(0,0,0,.15) inset;
[tr=none]047 border-radius: 46px;[tr=none]048 background: #FAFAFA;
[tr=none]049}[tr=none]050
[tr=none]051#ds-thread .ds-avatar a {[tr=none]052 display: inline-block;
[tr=none]053 padding: 1px;[tr=none]054 width: 32px;
[tr=none]055 height: 32px;[tr=none]056 border: 1px solid #b9baa6;
[tr=none]057 border-radius: 50%;[tr=none]058 background-color: #fff !important;
[tr=none]059}[tr=none]060
[tr=none]061#ds-thread .ds-avatar a:hover {[tr=none]062}
[tr=none]063 [tr=none]064#ds-thread .ds-avatar > img {
[tr=none]065 margin: 2px 0 0 2px;[tr=none]066}
[tr=none]067 [tr=none]068#ds-thread #ds-reset .ds-replybox {
[tr=none]069 box-shadow: none;[tr=none]070}
[tr=none]071 [tr=none]072#ds-thread #ds-reset ul.ds-children .ds-replybox.ds-inline-replybox a.ds-avatar,
[tr=none]073#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar {[tr=none]074 left: 0;
[tr=none]075 top: 0;[tr=none]076 padding: 0;
[tr=none]077 width: 32px !important;[tr=none]078 height: 32px !important;
[tr=none]079 background: none;[tr=none]080 box-shadow: none;
[tr=none]081}[tr=none]082
[tr=none]083#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar img {[tr=none]084 width: 32px !important;
[tr=none]085 height: 32px !important;[tr=none]086 border-radius: 50%;
[tr=none]087}[tr=none]088
[tr=none]089#ds-reset .ds-replybox a.ds-avatar,[tr=none]090#ds-reset .ds-replybox .ds-avatar img {
[tr=none]091 padding: 0;[tr=none]092 width: 32px !important;
[tr=none]093 height: 32px !important;[tr=none]094 border-radius: 5px;
[tr=none]095}[tr=none]096
[tr=none]097#ds-reset .ds-avatar img {[tr=none]098 width: 32px !important;
[tr=none]099 height: 32px !important;[tr=none]100 border-radius: 32px;
[tr=none]101 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);[tr=none]102 -webkit-transition: .8s all ease-in-out;
[tr=none]103 -moz-transition: .4s all ease-in-out;[tr=none]104 -o-transition: .4s all ease-in-out;
[tr=none]105 -ms-transition: .4s all ease-in-out;[tr=none]106 transition: .4s all ease-in-out;
[tr=none]107}[tr=none]108
[tr=none]109.ds-post-self:hover .ds-avatar img {[tr=none]110 -webkit-transform: rotateX(360deg);
[tr=none]111 -moz-transform: rotate(360deg);[tr=none]112 -o-transform: rotate(360deg);
[tr=none]113 -ms-transform: rotate(360deg);[tr=none]114 transform: rotate(360deg);
[tr=none]115}[tr=none]116
[tr=none]117#ds-thread #ds-reset .ds-comment-body {[tr=none]118 -webkit-transition-delay: initial;
[tr=none]119 -webkit-transition-duration: 0.4s;[tr=none]120 -webkit-transition-property: all;
[tr=none]121 -webkit-transition-timing-function: initial;[tr=none]122 background: #F7F7F7;
[tr=none]123 padding: 15px 15px 15px 47px;[tr=none]124 border-radius: 5px;
[tr=none]125 box-shadow: #B8B9B9 0 1px 3px;[tr=none]126 border: white 1px solid;
[tr=none]127}[tr=none]128
[tr=none]129#ds-thread #ds-reset ul.ds-children .ds-comment-body {[tr=none]130 padding-left: 15px;
[tr=none]131}[tr=none]132
[tr=none]133#ds-thread #ds-reset .ds-comment-body p {[tr=none]134 color: #787968;
[tr=none]135}[tr=none]136
[tr=none]137#ds-thread #ds-reset .ds-comments {[tr=none]138 border-bottom: 0px;
[tr=none]139}[tr=none]140
[tr=none]141#ds-thread #ds-reset .ds-powered-by {[tr=none]142 display: none;
[tr=none]143}[tr=none]144
[tr=none]145#ds-thread #ds-reset .ds-comments a.ds-user-name {[tr=none]146 font-weight: normal;
[tr=none]147 color: #3D3D3D !important;[tr=none]148}
[tr=none]149 [tr=none]150#ds-thread #ds-reset .ds-comments a.ds-user-name:hover {
[tr=none]151 color: #D32 !important;[tr=none]152}
[tr=none]153 [tr=none]154#ds-thread #ds-reset #ds-bubble {
[tr=none]155 display: none !important;[tr=none]156}
[tr=none]157 [tr=none]158#ds-thread #ds-reset #ds-hot-posts {
[tr=none]159 border: 0;[tr=none]160}
[tr=none]161 [tr=none]162#ds-reset #ds-hot-posts .ds-gradient-bg {
[tr=none]163 background: none;[tr=none]164}
[tr=none]165 [tr=none]166#ds-thread #ds-reset .ds-comment-body:hover {
[tr=none]167 background-color: #F1F1F1;[tr=none]168 -webkit-transition-delay: initial;
[tr=none]169 -webkit-transition-duration: 0.4s;[tr=none]170 -webkit-transition-property: all;
[tr=none]171 -webkit-transition-timing-function: initial;[tr=none]172}
[tr=none]173/*Head End*/
多说评论显示UA(User Agent)1.下载embed.js
2.获取多说ID
方法一:在文章下方登录后评论点击头像可获取多说ID
方法二:访问多说后台,
http://duoshuo.com/settings/ ,点击你的用户名,地址栏中会出现如如下的ID地址
http://duoshuo.com/profile/867394/ 3.修改embed.js中的e.user_id(多说ID),可以自定义ssk前端显示昵称。
搜索
[tr=transparent]
[tr=none]1你的ID必须要改
替换为你的ID
4.上传embed.js
FTP上传到网站某个目录下,这个不用说了吧
5.修改多说调用地址
打开\plus\duoshuo\templates\comments.htm,搜索
[tr=transparent]
[tr=none]1ds.src = '
http://static.duoshuo.com/embed.js'
替换为你第4步上传后的embed.js地址。
[font='Microsoft YaHei', ���ź�, 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, ����]参考文章地址[font='Microsoft YaHei', ���ź�, 'Microsoft JhengHei', Verdana, Helvetica, sans-serif, ����]http://wsgzao.github.io/post/duoshuo/