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

deeke

170928：更换图例。
' s) b- ?5 l) T# M& Q! K# g------------------------------------------

4 w& q7 J8 v* H# J( L: _------------------------------------------
感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
! b. Z/ [5 c2 J% X, G$ cJumpToDicts 3.0 (英語構詞法詞典)
JumpToDicts (phrase version add-ons)
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。

词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
/ o$ O# Y, n: T# _4 c2 d2 z根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。
8 Z+ o1 \, B/ N( v
; {  x; P0 }% f, ]' v, Q1. 在 GD 里找出词典编号。
( }, P% R9 `( A2 \鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。

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

复制代码

- G6 ~# L- I% l, P' O$ K% n2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。

1. /* JumpToDicts | Start */
   
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   * w  c5 f/ j5 b# c$ u2 d
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   
4.   font-family: Lato, sans-serif !important;
   ' C# W: u& m+ f$ }
5.   font-size: .625rem !important;
   
6.   font-weight: normal !important;
   . j: P7 }6 X0 Y3 }6 n- H6 e
7.   font-style: italic;
   
8.   width: auto !important;
   8 L7 }; S5 c  C! t# ?# b
9.   padding: 0 !important;
   ' s8 _. ?' O4 C) Q3 @
10.   color: gray !important;
    3 n2 ?+ A8 Z: h; X$ K
11.   border: none !important;
    
12.   border-radius: 0 !important;
    " ~9 }6 F9 a! V3 G
13.   background-color: transparent !important;
    . t" B4 _/ ^: k# ]  M
14.   box-shadow: none !important;
    
15.   vertical-align: baseline !important;
    : j2 q2 |! O. B/ d  V) N# w* @3 J8 J
16. }
    6 d: T6 f* K& J3 b4 R0 J
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    $ x2 I7 A2 T' p7 I) r: l2 ?
19.   font-family: "Segoe UI Symbol";
    1 I3 T2 R3 ~/ Q* {
20.   font-size: .5rem;
    $ {  c8 B" A% }" H9 s
21.   font-style: normal;
    ' S0 ~& G* g4 W; ^" s1 ?1 Y* ?
22.   line-height: 0;
    
23.   position: relative;
    2 ^/ U. J0 y- @7 Q" P7 Y
24.   bottom: .0425rem;
    2 K7 b6 W7 |6 i0 l/ g* H
25.   margin-right: .23rem;
    + ~6 j: b( H; _
26.   content: "\279C";
    % J) C( E8 b. p/ B5 U6 r% b
27.   vertical-align: baseline;
    
28.   color: green;
    7 M! r# P: w0 x3 m( D) [& _
29. }
    1 c! `5 W* v" z; ~
30. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.MW::before { color: orange; }
    2 G+ T) \0 z  S' F
31. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.O8::before { color: deeppink; }
    0 h; K* I0 H) s) M- [) y
32. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.spell::before { color: #444444; }
    $ V( {5 X# V2 O9 t; x3 P- Z
33. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div.phrase::before { color: #1E8BB7; }
    
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    # T! h" U- _" t) ?
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    * |( P) u+ n7 n) f- I" `; f1 `
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    + C/ C& |; y7 O+ d
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    
40.   font-size: .875rem !important;
    3 c6 T7 U. L% s+ O: g/ z
41.   font-weight: bold !important;
    
42.   font-style: normal !important;
    
43.   margin: auto .23rem !important;
    
44.   text-decoration: none !important;
    
45.   color: black !important;
    
46.   border-bottom: .08rem solid transparent !important;
    
47.   outline: none !important;
    + e- {7 a/ z3 E5 Y- G6 o) P3 ^
48. }
    
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    - L0 H$ M2 E# |
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    # f5 R$ f- E0 m4 v0 @1 F" r
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    2 R; Y# W" _0 n8 N" q$ Q+ Z
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    " }8 C' g7 W# E
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    
57.   color: black !important;
    
58.   border-bottom-color: black !important;
    
59.   background-color: yellow !important;
    
60. }
    ( d' [5 `) \* |. Z7 y: p4 q  S
61. /* JumpToDicts | End */

复制代码

) q$ F8 L6 K7 ^. Y: \& k! `0 O------------------------------------------
修改 dsl 词典的展开按钮

; L, F  F& n7 L; D1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
6 f9 |+ T; ]& J! w% ?, }" H放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。

7 U+ M% i! s* D- m2 P2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
6 S  q" @2 `7 T/ j9 S0 ?调整各种 前后左右、高矮胖瘦。
% a( ~  F) E6 X2 B3 }+ m

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"],
   ; v& ?0 S1 x" H. J* B" H: A
4. .dsl_headwords img[src$="collapse_opt.png"] {
   
5.   line-height: 0 !important;
   1 x; y7 ]) O0 Z- B3 }1 U" ~. v% K) J
6.   position: relative;
   / j  _) t4 U/ W
7.   bottom: .125rem;
   
8.   left: .475rem;
   ; v7 b1 D! M" e. S! D  ^
9.   width: .75rem;
   
10.   height: .75rem;
    
11. }

复制代码

  g2 M8 ~2 G8 B5 s2 f9 l# w------------------------------------------
: U( [8 M- X& F: M0 r& \
9 b+ S8 Q4 e) i7 [" {: X* J搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

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

& P# G, u4 ]" L  D  J/ W0 q5 s我比较晚才开始用 GD ，都是从置顶的经验贴学来的。

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
两个词典放在一个文件夹下。手机深蓝词典。
* S5 V7 ^, z2 C! @8 h* p/ d谢谢！