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

deeke

7 F% Q7 x, T8 `9 C! g170928：更换图例。
! Y8 }) Y5 K# m- ]+ c9 o" O3 b------------------------------------------

------------------------------------------
) P7 H, l+ _9 X$ Y! Y3 x5 o感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
) q" C) `; G' a$ g" RJumpToDicts 3.0 (英語構詞法詞典)
JumpToDicts (phrase version add-ons)
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
7 t- P2 o0 J! w
2 {2 B8 x9 j. Q8 {/ h" r+ [词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。

( f2 I% k) r) e4 e2 B1. 在 GD 里找出词典编号。
+ Q; p! Y4 x, J$ h6 T5 B鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。
3 R) _1 x: K) f5 [1 c

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

复制代码

* B: v, g! S. ~# k
8 z9 a( K, g% n. q' _5 ^* P9 ~1 A2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
' n$ D% u- r3 F; a% X

1. /* JumpToDicts | Start */
   7 t" I% k* t. \
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   * [$ n# ~7 ^4 n1 t# K2 w/ b
4.   font-family: Lato, sans-serif !important;
   5 I6 O5 H# B" x3 j8 H
5.   font-size: .625rem !important;
   
6.   font-weight: normal !important;
   & C0 K* N( H& U: I
7.   font-style: italic;
   
8.   width: auto !important;
   
9.   padding: 0 !important;
   
10.   color: gray !important;
    
11.   border: none !important;
    " a1 _' Z9 j% Z4 X4 K. U8 |; u
12.   border-radius: 0 !important;
    
13.   background-color: transparent !important;
    $ N6 b; |3 P; b& O8 @" {' M
14.   box-shadow: none !important;
    
15.   vertical-align: baseline !important;
    . @7 \. R' ~" i2 x! n
16. }
    
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    
19.   font-family: "Segoe UI Symbol";
    
20.   font-size: .5rem;
    ! w7 k  z6 r) B5 O# [8 g
21.   font-style: normal;
    . ~+ T: E5 ~; c* R0 a4 F
22.   line-height: 0;
    
23.   position: relative;
    - j6 E4 q+ ^+ r) w7 {0 H/ Q7 B! f' F
24.   bottom: .0425rem;
    
25.   margin-right: .23rem;
    
26.   content: "\279C";
    
27.   vertical-align: baseline;
    
28.   color: green;
    
29. }
    
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; }
    
33. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div.phrase::before { color: #1E8BB7; }
    
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    1 @  m1 H) z6 J/ @0 r3 |# q9 b1 y
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    2 t; o, W( F7 L% f$ h# B
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    7 k- ?% X) j- d/ R' }# q
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    $ S6 t' w/ |( q; u0 X4 n
40.   font-size: .875rem !important;
    
41.   font-weight: bold !important;
    9 x( J- B/ u! {. ~5 v) o5 J5 P4 e
42.   font-style: normal !important;
    - Z. f7 `* H3 u" z' A
43.   margin: auto .23rem !important;
    4 a& t2 U$ W- ]$ u/ m. M4 m- \
44.   text-decoration: none !important;
    
45.   color: black !important;
    ' F- n5 f9 ?" q) o/ G# ^
46.   border-bottom: .08rem solid transparent !important;
    3 b) g9 ^: b9 a3 T+ E
47.   outline: none !important;
    ( U4 O1 }+ o$ v+ V
48. }
    
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    : k3 F  g1 J3 ?% Q4 \7 K; M. L
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    3 g: u8 m. V( [+ [3 y3 Y
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    / U0 I  [6 l1 F
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    - v* ~% H, ?. f8 h4 @: `. a
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    7 K0 x# A4 U. i) `* o0 k4 ]
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    % J3 I7 K3 o3 K- g- y2 V
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    0 Q$ E9 o& G8 L' g3 X
57.   color: black !important;
    6 O0 F( `; U8 |( U8 O
58.   border-bottom-color: black !important;
    1 I9 I1 P) s' v8 B: d/ ]2 \2 {
59.   background-color: yellow !important;
    
60. }
    ! |% W) @5 S6 z4 N1 e1 T( B& c" H# P
61. /* JumpToDicts | End */

复制代码

' ?' {) p5 k  s4 I4 P2 x8 q" o------------------------------------------
修改 dsl 词典的展开按钮
0 P6 H" X5 d' k4 }2 ]8 z: x' ]
1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
; e! x$ S( E6 E8 o放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
1 C: l2 J% D7 w  k: S6 q# Q8 }7 d
9 A6 R4 [- s  {2 M( l( H$ g2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
4 t$ m6 w: B4 w0 c' A* a; p调整各种 前后左右、高矮胖瘦。
/ P2 ^0 d3 a$ z; V5 `0 `! _" O

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"); }
   / Q  J! Z8 k2 {' @" ~" a- Z9 ]# ~
3. .dsl_headwords img[src$="expand_opt.png"],
   
4. .dsl_headwords img[src$="collapse_opt.png"] {
   0 j) D% S6 s% s6 Q7 K
5.   line-height: 0 !important;
   $ `" }# u. m7 ^0 Z9 Y' _, K
6.   position: relative;
   
7.   bottom: .125rem;
   
8.   left: .475rem;
   
9.   width: .75rem;
   * \0 J8 F5 ^2 R" |! j% ]( O
10.   height: .75rem;
    
11. }

复制代码

) p$ [6 @4 y) F' g' [0 C------------------------------------------

7 Z5 J# R& ]# |搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

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

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

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
两个词典放在一个文件夹下。手机深蓝词典。
谢谢！