[1] 通过 article-style.css 调整发音库 Sound-En

deeke

171010：使用外链图床，更换图例。增加内容：“修改 dsl 词典的发音按钮”。
------------------------------------------
% a' y. A+ ~9 i& m+ s
------------------------------------------
. ]' f4 Y# A1 f0 M7 ?7 v感谢 Hugh 制作、分享的 英语发音库 ，这些年来一直在用。
  j) `( T  c. `# Z" ~! F6 {, a2 ^我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。

1. 在网上找两个图片表示英音、美音。
  F9 [, j6 l/ L& B改名为 snd_uk.png  、 snd_us.png ，放到 Sound-En.mdx 同一文件夹中。
我的屏幕小，所以用 64x64 的尺寸。
. a/ r: q7 _1 d4 A. W

, z& Y. p. h& m2 a% P* }2. 在 GD 里找到 Sound-En 的词典编号。
6 c+ f" g* O2 X# H) z1 f鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。
8 j2 r% w5 l. Y7 O, x5 Q  P/ d

1. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1

复制代码

, w3 o) {4 e. R+ w$ b
3. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
调整各种 前后左右、高矮胖瘦。

1. /* Sound-En | Start */
   / l! `/ H- Z3 r; q- E0 \' u/ J( y
2. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 { font-size: .875rem; }
   8 @* I- T& M/ h" Q- a2 h
3. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 b { margin-right: .5125rem; }
   
4. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 i { color: gray; }
   ' ~. Q% _" L' g- U$ ?" \/ k
5. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a>img[src$="Sound.png"] { display: none; }
   ) u; R7 Z5 R6 d/ k2 i
6. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a>img[src*="snd_u"] {
   
7.   position: relative;
   ( `' x, i3 H. x- y. r
8.   right: .275rem;
   # E8 L6 p7 T  U7 O7 b
9.   bottom: .045rem;
   6 k6 {: U4 h8 E& u* e- X. s
10.   width: 1rem;
    
11.   height: 1rem;
    / ~+ C1 q+ J7 v
12. }
    + d; g) o3 s- ~) {
13. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a { text-decoration: none; outline: none; }
    ' Y) V* s" r; {. S& f& a
14. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a::after {
    & ~# F! L) a9 I4 K5 D6 Z" q
15.   font-family: "Segoe UI Symbol";
    % W4 L$ }7 L# T& ^: L
16.   font-size: 1rem;
    
17.   position: relative;
    , q; c" n% t3 M: |# H
18.   top: .065rem;
    
19.   right: .2rem;
    0 U: d% _& p9 x# J
20.   content: "\1F50A";
    
21.   vertical-align: baseline;
    
22. }
      u6 M9 `  ~) L, `1 p# A
23. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:link { color: black; }
    $ X3 ]9 o* r/ g' W
24. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:visited { color: black; }
    
25. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:hover { color: purple; }
    " C& j7 P( [% t5 ^0 l
26. #gdarticlefrom-17608e25a8ab84dc7fab6e9476fc85d1 a:active { color: purple; }
    
27. /* Sound-En | End */

复制代码

------------------------------------------
  H' `- P& L! [- X4 Y修改 dsl 词典的发音按钮
% z! t! n0 `, t
! B2 k+ j' o& R( e* e7 t8 l2 X! H4 D修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。

1. .dsl_s_wav>a>img { display: none; }
   
2. .dsl_s_wav>a { text-decoration: none; outline: none; }
   + f0 v$ `  q  L! D
3. .dsl_s_wav>a::after {
   
4.   font-family: "Segoe UI Symbol";
   
5.   font-size: 1rem;
   8 ^: M, S) M6 ]% x' o
6.   line-height: 0;
   
7.   position: relative;
   
8.   top: .065rem;
   " Y' y0 u: ~! `2 D* Q* Z$ g; p0 z
9.   content: "\1F50A";
   
10.   vertical-align: baseline;
    
11. }
    
12. .dsl_s_wav>a:link { color: black; }
    
13. .dsl_s_wav>a:visited { color: black; }
    7 d& a) \# U3 y* Y7 j9 K) {
14. .dsl_s_wav>a:hover { color: purple; }
    ' ~4 P* l+ u# K0 a
15. .dsl_s_wav>a:active { color: purple; }

复制代码

------------------------------------------
% G* F. U  {1 R  [# ~1 G7 g& b9 B+ }
( Q( \2 W( C! {8 I6 z. E" y搞定收工，别忘了评分呦~~~

skydan05

谢谢deeke分享！

l-hz

安卓11开始好像识别不了了