[1] 通过 article-style.css 调整发音库 Sound-En
本帖最后由 deeke 于 2017-10-10 23:57 编辑171010：使用外链图床，更换图例。增加内容：“修改 dsl 词典的发音按钮”。
------------------------------------------
https://www.z4a.net/images/2017/10/10/2017-10-10-004.png
------------------------------------------
感谢 Hugh 制作、分享的 英语发音库 ，这些年来一直在用。
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
1. 在网上找两个图片表示英音、美音。
改名为 snd_uk.png、 snd_us.png ，放到 Sound-En.mdx 同一文件夹中。
我的屏幕小，所以用 64x64 的尺寸。
https://www.pdawiki.com/forum/data/attachment/album/201709/07/180628kp7x7fc77r9c95iw.png https://www.pdawiki.com/forum/data/attachment/album/201709/07/180628blxbbt9trbzwws0e.png
2. 在 GD 里找到 Sound-En 的词典编号。
鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1
3. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
调整各种 前后左右、高矮胖瘦。
/* Sound-En | Start */
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 { font-size: .875rem; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 b { margin-right: .5125rem; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 i { color: gray; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a>img { display: none; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a>img {
position: relative;
right: .275rem;
bottom: .045rem;
width: 1rem;
height: 1rem;
}
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a { text-decoration: none; outline: none; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a::after {
font-family: "Segoe UI Symbol";
font-size: 1rem;
position: relative;
top: .065rem;
right: .2rem;
content: "\1F50A";
vertical-align: baseline;
}
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:link { color: black; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:visited { color: black; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:hover { color: purple; }
#gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:active { color: purple; }
/* Sound-En | End */
------------------------------------------
修改 dsl 词典的发音按钮
修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
.dsl_s_wav>a>img { display: none; }
.dsl_s_wav>a { text-decoration: none; outline: none; }
.dsl_s_wav>a::after {
font-family: "Segoe UI Symbol";
font-size: 1rem;
line-height: 0;
position: relative;
top: .065rem;
content: "\1F50A";
vertical-align: baseline;
}
.dsl_s_wav>a:link { color: black; }
.dsl_s_wav>a:visited { color: black; }
.dsl_s_wav>a:hover { color: purple; }
.dsl_s_wav>a:active { color: purple; }
------------------------------------------
搞定收工，别忘了评分呦~~~ 谢谢deeke分享！
页:
[1]