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

deeke

* R4 I% p* t/ H! j
170928：更换图例。
! c% ]5 v# o; T! B------------------------------------------

/ |  A2 \" j' S0 @7 S6 G------------------------------------------
8 R# G/ _% h$ U4 _' F* u" o感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
7 F4 W, c6 m% kJumpToDicts 3.0 (英語構詞法詞典)
- A* V- Y; r& g4 @; jJumpToDicts (phrase version add-ons)
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
" `1 G$ |4 `1 _; _% y3 |
词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
) p/ ]" s9 T7 ~5 H' Q根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。

1. 在 GD 里找出词典编号。
3 @0 M/ h# m  j# F3 w) V鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。

1. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 对应 JumpToDicts 3.0
   5 A* [0 V3 q, F1 R9 K0 k1 b
2. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 对应 JumpToDicts (phrase version add-ons)

复制代码

; B/ V! h, v5 S. B. U
7 Q! v9 h% f# |+ X: G2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。

1. /* JumpToDicts | Start */
   ; e4 X8 t' |- v
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   
4.   font-family: Lato, sans-serif !important;
   
5.   font-size: .625rem !important;
   
6.   font-weight: normal !important;
   ' b% j6 `, p+ q4 F: V# p( ?" q
7.   font-style: italic;
   
8.   width: auto !important;
   5 J# P0 U1 _8 w7 d4 q% z, _+ }/ _0 g
9.   padding: 0 !important;
   : a. o" m/ y8 G
10.   color: gray !important;
    5 U& t8 T* o: e6 t5 `) d; ^
11.   border: none !important;
    9 M2 y& \* \9 w
12.   border-radius: 0 !important;
    0 k) s& Q* ^/ e* h5 a+ }3 H) i; R
13.   background-color: transparent !important;
    * U9 C& n3 U" X2 \5 ~/ M' L
14.   box-shadow: none !important;
    
15.   vertical-align: baseline !important;
    4 {7 r6 Y1 {; A7 W7 M3 i' H  M- y# |$ t
16. }
    " |1 b/ Z% L5 d. r  j+ K( W
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    
19.   font-family: "Segoe UI Symbol";
    
20.   font-size: .5rem;
    
21.   font-style: normal;
    3 X; H/ p9 ^0 Q& X% a6 f6 V" e
22.   line-height: 0;
    : u! E& C' K2 F
23.   position: relative;
    
24.   bottom: .0425rem;
    * \' d; K9 T/ K  r
25.   margin-right: .23rem;
    ) M3 D4 h" v5 d1 N
26.   content: "\279C";
    
27.   vertical-align: baseline;
    7 n4 _) a- J+ s  C  R- {
28.   color: green;
    8 z/ A, K# Y1 L* S, z
29. }
    $ Y2 k0 w6 z" H8 G0 f
30. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.MW::before { color: orange; }
    
31. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.O8::before { color: deeppink; }
    ( t- ]" ~5 A8 u# n
32. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.spell::before { color: #444444; }
    + `0 q% }  a- J: ^- j1 D6 Z& k, n
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; }
    & V' z6 C( A6 `0 M6 n5 A1 ~
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    
40.   font-size: .875rem !important;
    9 v& E1 V; C/ v* A0 p6 v6 j  {
41.   font-weight: bold !important;
    * ?. K. J9 P5 ?1 V; `( p' Y
42.   font-style: normal !important;
    
43.   margin: auto .23rem !important;
    - B. d. L) V+ D# M6 z, V
44.   text-decoration: none !important;
    & y4 l. E8 P; i( j% k# e% }0 J
45.   color: black !important;
    1 y. w3 Y9 Y8 O, _, Y
46.   border-bottom: .08rem solid transparent !important;
    3 O( D5 o9 b3 D1 o( k: m2 [6 _
47.   outline: none !important;
    
48. }
    # w" E( e3 ^) \5 a8 K
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    : L! E' P1 r/ J3 Q5 V
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    / l& p" M  f4 N# Q8 z) x3 H7 A
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    ( N& d( q- z1 P2 q7 |- Z
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    3 J! v4 X: S9 c$ {* g/ m
57.   color: black !important;
    
58.   border-bottom-color: black !important;
    + Z) T% e, q; n0 ~5 l5 E; S3 {
59.   background-color: yellow !important;
    
60. }
    
61. /* JumpToDicts | End */

复制代码

------------------------------------------
; W; ~3 r' k: m2 Z1 b# e修改 dsl 词典的展开按钮
! ^+ _% C$ t- U$ S/ a( P+ o
1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
1 p& j2 w7 P; r放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
) P% R' }% A+ w. m: ~. T0 I$ V5 k
2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
3 X  o2 ]# U/ _9 t  q# _9 ~调整各种 前后左右、高矮胖瘦。
) r  a8 q: o! C2 Y& X8 u) X) y

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"); }
   2 k5 o# A  |1 \9 ~
3. .dsl_headwords img[src$="expand_opt.png"],
   
4. .dsl_headwords img[src$="collapse_opt.png"] {
   * S  T  G) F. {1 x! M2 D: H
5.   line-height: 0 !important;
   6 l% s+ `  Z( E
6.   position: relative;
   
7.   bottom: .125rem;
   ' E# B* X1 b# w0 z7 \5 a# `
8.   left: .475rem;
   " z8 }) [, Q! S' v, N" `1 S; G
9.   width: .75rem;
   
10.   height: .75rem;
    - l, `% b' I+ I2 K) B8 E' R
11. }

复制代码

  a1 |# x) {/ ?# i6 m* E------------------------------------------

5 P3 \" }7 D& H. U搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

HMPT 发表于 2017-9-21 10:29
@deeke 好方法!!!!!

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

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
两个词典放在一个文件夹下。手机深蓝词典。
# Y! U# J9 d0 G4 c* k  }+ @谢谢！