多说添加颜文字表情

多说添加颜文字表情 | JUST FOR FUN
1. 在 embed.js 里搜索return w.toggleClass("ds-expanded").hasClass("ds-expanded"),然后在s.render(), 与 S.require("smilies", function() 之间添加

 DUOSHUO.addSmilies("(・ω・) 颜文字",{
"(*/ω\*)":"","( ̄▽ ̄)":"","(=・ω・=)":"","(`・ω・´)":"","(〜 ̄△ ̄)〜":"","(・∀・)":"","(°∀°)ノ":"",
"( ̄3 ̄)":"","╮( ̄▽ ̄)╭":"","( ´_ゝ`)":"","←_←":"","→_→":"","(<_<)":"","(>_>)":"","(;¬_¬)":"",
"(゚Д゚≡゚д゚)!?":"","Σ(゚д゚;)":"","Σ(  ̄□ ̄||)":"","(´;ω;`)":"","(/TДT)/":"",
"(^・ω・^ )":"","(。・ω・。)":"","(● ̄(エ) ̄●)":"","ε=ε=(ノ≧∇≦)ノ":"","(´・_・`)":"","(-_-#)":"",
"( ̄へ ̄)":"","( ̄ε(# ̄) Σ":"","ヽ(`Д´)ノ":"","(╯°口°)╯(┴—┴":"","(#-_-)┯━┯":"","_(:3」∠)_":"",
"龴ↀ◡ↀ龴":"","┌( ಠ_ಠ)┘":"","( ´╥ω╥`)":"","(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄":"","(づ ̄ ³ ̄)づ":"","ಥ_ಥ":""
}),

2. 之后搜索https://img.t.sinajs.cn/t35/style/images/common/face/ext/normal/ 修改 function t(t, s) 函数里面的

"WordPress" === e && (t = " " + t + " "),
a += '<li><img src="' + i + '" title="' + _(t) + '" width=22 height=22 /></li>'

改为

if (0 === e.indexOf("(・ω・) 颜文字")) {
    a += '<li style="width:auto;margin:0 7px;"><p class="yan" title="' + t + '" height=22 >'+ t +'</p></li>'
} else {
    "WordPress" === e && (t = " " + t + " "),
    a += '<li><img src="' + i + '" title="' + _(t) + '" width=22 height=22 /></li>'
}

3. 添加 click 事件
搜索a.find(".ds-smilies-container").delegate("img", "click", e),, 在下面添加a.find(".ds-smilies-container").delegate("p", "click", e),:

function() {
    s.reset(this.innerHTML)
}),
a.find(".ds-smilies-container").delegate("img", "click", e),
//添加下面的一句,为p标签添加click事件
a.find(".ds-smilies-container").delegate("p", "click", e),
this

到这里就修改完了,如果想要颜表情的颤抖功能,加点 css

.yan:hover {
    animation: my-face 5s infinite ease-in-out;
    color: #fff!important;
    background: #5b6064!important;
}
@keyframes my-face {
    2%,24%,80% {
    -webkit-transform:translate(0,1.5px) rotate(1.5deg);
    transform:translate(0,1.5px) rotate(1.5deg)
}
4%,68%,98% {
    -webkit-transform:translate(0,-1.5px) rotate(-.5deg);
    transform:translate(0,-1.5px) rotate(-.5deg)
}
38%,6% {
    -webkit-transform:translate(0,1.5px) rotate(-1.5deg);
    transform:translate(0,1.5px) rotate(-1.5deg)
}
8%,86% {
    -webkit-transform:translate(0,-1.5px) rotate(-1.5deg);
    transform:translate(0,-1.5px) rotate(-1.5deg)
}
10%,72% {
    -webkit-transform:translate(0,2.5px) rotate(1.5deg);
    transform:translate(0,2.5px) rotate(1.5deg)
}
12%,64%,78%,96% {
    -webkit-transform:translate(0,-.5px) rotate(1.5deg);
    transform:translate(0,-.5px) rotate(1.5deg)
}
14%,54% {
    -webkit-transform:translate(0,-1.5px) rotate(1.5deg);
    transform:translate(0,-1.5px) rotate(1.5deg)
}
16% {
    -webkit-transform:translate(0,-.5px) rotate(-1.5deg);
    transform:translate(0,-.5px) rotate(-1.5deg)
}
18%,22% {
    -webkit-transform:translate(0,.5px) rotate(-1.5deg);
    transform:translate(0,.5px) rotate(-1.5deg)
}
20%,36%,46% {
    -webkit-transform:translate(0,-1.5px) rotate(2.5deg);
    transform:translate(0,-1.5px) rotate(2.5deg)
}
26%,50% {
    -webkit-transform:translate(0,.5px) rotate(.5deg);
    transform:translate(0,.5px) rotate(.5deg)
}
28% {
    -webkit-transform:translate(0,.5px) rotate(1.5deg);
    transform:translate(0,.5px) rotate(1.5deg)
}
30%,40%,62%,76%,88% {
    -webkit-transform:translate(0,-.5px) rotate(2.5deg);
    transform:translate(0,-.5px) rotate(2.5deg)
}
32%,34%,66% {
    -webkit-transform:translate(0,1.5px) rotate(-.5deg);
    transform:translate(0,1.5px) rotate(-.5deg)
}
42% {
    -webkit-transform:translate(0,2.5px) rotate(-1.5deg);
    transform:translate(0,2.5px) rotate(-1.5deg)
}
44%,70% {
    -webkit-transform:translate(0,1.5px) rotate(.5deg);
    transform:translate(0,1.5px) rotate(.5deg)
}
48%,74%,82% {
    -webkit-transform:translate(0,-.5px) rotate(.5deg);
    transform:translate(0,-.5px) rotate(.5deg)
}
52%,56%,60% {
    -webkit-transform:translate(0,2.5px) rotate(2.5deg);
    transform:translate(0,2.5px) rotate(2.5deg)
}
58% {
    -webkit-transform:translate(0,.5px) rotate(2.5deg);
    transform:translate(0,.5px) rotate(2.5deg)
}
84% {
    -webkit-transform:translate(0,1.5px) rotate(2.5deg);
    transform:translate(0,1.5px) rotate(2.5deg)
}
90% {
    -webkit-transform:translate(0,2.5px) rotate(-.5deg);
    transform:translate(0,2.5px) rotate(-.5deg)
}
92% {
    -webkit-transform:translate(0,.5px) rotate(-.5deg);
    transform:translate(0,.5px) rotate(-.5deg)
}
94% {
    -webkit-transform:translate(0,2.5px) rotate(.5deg);
    transform:translate(0,2.5px) rotate(.5deg)
}
0%,100% {
    -webkit-transform:translate(0,0) rotate(0);
    transform:translate(0,0) rotate(0)
}
}

来源:32mb

WP技巧代码·功能

扁平化多说样式CSS-来自simple作者的扁平化多说css

2016-9-10 15:06:18

WP技巧

删除多说多余的自带表情

2016-9-11 15:55:53

个人中心
今日签到
有新私信 私信列表
搜索