[2] 通过 article-style.css 调整跳转词典 JumpToDicts

deeke

4 z3 g% I8 L& I170928：更换图例。
: |5 s  D. {% r' x; O: R------------------------------------------

------------------------------------------
' V" p% \3 q! h6 [感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
JumpToDicts 3.0 (英語構詞法詞典)
JumpToDicts (phrase version add-ons)
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
; r4 s# c8 P# i2 }2 t$ @! T, a3 u( B
词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
# H8 U* K3 O/ V" K根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。

3 x. J$ r+ H: Z' _. O1 n1. 在 GD 里找出词典编号。
鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。
8 |5 a) V& v4 F

1. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 对应 JumpToDicts 3.0
   
2. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 对应 JumpToDicts (phrase version add-ons)

复制代码

7 S* ~' a: r0 y) u2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。

1. /* JumpToDicts | Start */
   
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   ' C+ K" l% D% Y* A& x
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   ) B* H1 `! _9 k& l* e
4.   font-family: Lato, sans-serif !important;
   5 z1 ^! n8 `) o& h. r* w
5.   font-size: .625rem !important;
   / v: W( {# F: W0 d/ j; L
6.   font-weight: normal !important;
   % _2 ?, N9 S4 D& A+ \
7.   font-style: italic;
   / E1 v4 a5 O; P& t/ R, ~& A
8.   width: auto !important;
   4 }6 }0 y* v: X& V
9.   padding: 0 !important;
   
10.   color: gray !important;
    
11.   border: none !important;
    3 I& R6 y2 j$ l8 K( v
12.   border-radius: 0 !important;
    . `/ q7 O$ ?. F. Z+ s, v
13.   background-color: transparent !important;
    3 S) ?) ?, B; Z$ j) @+ {5 p
14.   box-shadow: none !important;
    ; K( ?& m3 O% j$ V
15.   vertical-align: baseline !important;
    
16. }
    , D& _+ f9 v8 p
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    % w! G7 ~6 f; [% s7 B5 b+ Y3 \
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    
19.   font-family: "Segoe UI Symbol";
    " K$ A4 K- h; O& O5 A7 n
20.   font-size: .5rem;
    
21.   font-style: normal;
    
22.   line-height: 0;
    ! c+ l: S! k* ?) W9 Q( ^  r+ C/ k
23.   position: relative;
    
24.   bottom: .0425rem;
    2 W9 Z9 c* a" I* F/ ?
25.   margin-right: .23rem;
    
26.   content: "\279C";
    # z& ?( A) s" F8 T, C. S, O/ R
27.   vertical-align: baseline;
    1 p6 V4 C& [/ a
28.   color: green;
    + \  O6 z4 U" B' U% E
29. }
    ( y5 P& L; q0 A. V
30. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.MW::before { color: orange; }
    
31. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.O8::before { color: deeppink; }
    
32. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.spell::before { color: #444444; }
    ' {# U9 D$ u( U" W' {
33. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div.phrase::before { color: #1E8BB7; }
    
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    , c! ^: {( ?- K- Z
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    ! X, l$ |+ u2 K- k3 q4 j
40.   font-size: .875rem !important;
    
41.   font-weight: bold !important;
    3 K: Y6 m( B/ b: o: R4 {: p( N
42.   font-style: normal !important;
    
43.   margin: auto .23rem !important;
    ) B% V! U* m6 h, x8 R% H
44.   text-decoration: none !important;
    
45.   color: black !important;
    ) ^0 W/ T, G1 B- G
46.   border-bottom: .08rem solid transparent !important;
    
47.   outline: none !important;
    
48. }
    
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    2 \2 P* ~3 n% x- _7 y7 s$ {
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    0 ^  z5 y& d: ^+ s% D5 L! x# J5 s* X
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    ' A, j& `6 W5 i8 e' H
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    * C$ X% H8 |; m& k
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
      V; _, p. P+ a* E  J( ~
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    1 t8 k9 P4 F+ X0 |
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    6 e3 `5 g0 z! p
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    ) O: C$ O! P4 A9 E3 k' P3 C6 w
57.   color: black !important;
    
58.   border-bottom-color: black !important;
    
59.   background-color: yellow !important;
    3 d& V0 H: ~8 P5 O4 O7 a
60. }
    
61. /* JumpToDicts | End */

复制代码

------------------------------------------
# ]8 n) q. ?4 X修改 dsl 词典的展开按钮

/ L! c% |- _3 U: B7 j. N, Y4 U1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
$ ^! [( s. v2 D放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
6 W: s( w* B% Z& h& Y
7 P4 T' J: d# I8 H' R2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
调整各种 前后左右、高矮胖瘦。
  l" G  g' x* x

1. .dsl_headwords img[src$="expand_opt.png"] { content: url("file:///icons/expand.png"); }
   
2. .dsl_headwords img[src$="collapse_opt.png"] { content: url("file:///icons/collapse.png"); }
   
3. .dsl_headwords img[src$="expand_opt.png"],
   $ ~; y+ D/ P* v- M9 N: K# k) l
4. .dsl_headwords img[src$="collapse_opt.png"] {
   " |2 \8 p6 ^& v( w
5.   line-height: 0 !important;
   
6.   position: relative;
   
7.   bottom: .125rem;
     @$ x  ?! Z0 _4 V/ F9 c8 u
8.   left: .475rem;
   
9.   width: .75rem;
   
10.   height: .75rem;
    $ C5 J" U1 }0 b9 ?" A
11. }

复制代码

; u0 ^9 G5 z: C------------------------------------------

2 A9 B) @: Q' }* ^# i' `7 l, {* n. Y搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

GoldenDict_Qt5_x64_portable 这种词典是不是只能放在portable目录??

HMPT

@deeke 好方法!!!!!

deeke

HMPT 发表于 2017-9-21 10:29
8 g! O( N) t' I3 W/ _@deeke 好方法!!!!!

我比较晚才开始用 GD ，都是从置顶的经验贴学来的。

kandict

谢谢，才知道把词典目录的快捷方式放在content那里也可以。

leescott

请问，直接修改mdx文件，怎么实现？
+ K* m' J6 S6 g' R$ \2 p# x& c9 i两个词典放在一个文件夹下。手机深蓝词典。
谢谢！