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

deeke

4 H; m* b* a* w. X: l
170928：更换图例。
------------------------------------------

------------------------------------------
4 S9 Q9 e5 w. M& X6 ~0 }4 y感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
JumpToDicts 3.0 (英語構詞法詞典)
JumpToDicts (phrase version add-ons)
2 O7 Z3 D; N9 r2 }我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
; j( J' \0 m; T+ {- `# s  s
+ G" a) |& H$ `* n: ~/ L' r词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。
& }% e3 ?: |( m, V3 ]! A7 x
1. 在 GD 里找出词典编号。
鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。
& m* I; x, [1 r/ T1 R

1. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 对应 JumpToDicts 3.0
   " o1 N9 _* h$ H; a
2. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 对应 JumpToDicts (phrase version add-ons)

复制代码

! w, K* x; S: V- O' e2 Q( n$ {* K- I2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
, r4 N; G; r4 q1 p/ L

1. /* JumpToDicts | Start */
   ' T* q+ N) p1 t- @% f% |
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;
   
7.   font-style: italic;
     d; i( C) Y) X3 t1 v, @9 ?
8.   width: auto !important;
   1 h" O' {  c0 ~4 d4 `" b' h
9.   padding: 0 !important;
   & m' s# _2 x. |
10.   color: gray !important;
    $ H5 @1 @7 V! \) b
11.   border: none !important;
    
12.   border-radius: 0 !important;
    & E) s( q3 Z( R/ a: E
13.   background-color: transparent !important;
    % |( N8 A7 V3 l' T7 A" j, u
14.   box-shadow: none !important;
    , a$ k. M! V2 m; S3 {9 b; {0 p& l  b
15.   vertical-align: baseline !important;
    ( |) u3 N, |* `7 G" E) c8 D
16. }
    6 Q2 T& ^. m$ _. M! i
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    8 A# J7 i* a- b2 n  l! J9 e( |
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    
19.   font-family: "Segoe UI Symbol";
    3 z: d2 V! E' p! k: M: ~  O+ Q
20.   font-size: .5rem;
    , B$ O8 u% d, ]/ i
21.   font-style: normal;
    ( f# Z, G# O7 I/ C' C* }
22.   line-height: 0;
    + R2 X# ]9 N4 j  f) O- p6 t: }- O
23.   position: relative;
    / _) Z+ U( |0 E0 Z, D  d" |
24.   bottom: .0425rem;
    # b! I& A. M3 i% E8 g
25.   margin-right: .23rem;
    
26.   content: "\279C";
    
27.   vertical-align: baseline;
    
28.   color: green;
    
29. }
    ! _" ]( ^& p; V0 L' R0 z" v
30. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.MW::before { color: orange; }
    $ Y8 A- J( U  y2 F$ F0 ?+ H6 J
31. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.O8::before { color: deeppink; }
    - f, e6 r. Q- S2 x% u  A
32. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.spell::before { color: #444444; }
    
33. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div.phrase::before { color: #1E8BB7; }
    5 F7 y% j( |/ H8 x. z8 r0 ]. |
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    . _$ k2 r( [2 |/ p9 ~
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    ) h2 v" c% U! l( m
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    ) X0 v- q: E; z& E9 B
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    
40.   font-size: .875rem !important;
    
41.   font-weight: bold !important;
    + f, {9 p7 m6 t- g9 B
42.   font-style: normal !important;
    ; K/ x: U! m0 y+ `/ G, D/ I& Q
43.   margin: auto .23rem !important;
    & `: ^% ]) R: D  O* Z% L- ?. u& I
44.   text-decoration: none !important;
    
45.   color: black !important;
    $ j$ O. j  m8 [5 R' h
46.   border-bottom: .08rem solid transparent !important;
    
47.   outline: none !important;
    
48. }
    
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    # I3 u$ C; j+ v
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    ) L8 w, D4 s. x& [2 |& r! F/ [# T3 ?) O+ Z
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    ) x3 }6 f+ ~8 a% Y( Y& H5 R0 N6 G- ?7 v+ n
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    - O$ |, D* F9 s7 j% B$ Q
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    ) u4 g* I8 o0 C: b( J
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    ; D+ h8 M: X( I* q
57.   color: black !important;
    
58.   border-bottom-color: black !important;
    3 `4 f) V+ G4 l! R% |. M# a/ i
59.   background-color: yellow !important;
    
60. }
    & q7 z- w3 l. ]9 _# z
61. /* JumpToDicts | End */

复制代码

( B, @& k, J# B( _. v9 y0 c( X" J/ l------------------------------------------
修改 dsl 词典的展开按钮
4 B+ X4 p9 o: R5 n( j" `
1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
& d* `+ a8 {8 K. r9 L. o放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
- @  s/ l+ e5 H
8 v4 a6 M& ?& N1 t! e3 V$ C2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
调整各种 前后左右、高矮胖瘦。
; Y+ j7 k* r; o5 O! ?2 S

1. .dsl_headwords img[src$="expand_opt.png"] { content: url("file:///icons/expand.png"); }
   % m% \! f- E; u9 Q5 o
2. .dsl_headwords img[src$="collapse_opt.png"] { content: url("file:///icons/collapse.png"); }
   
3. .dsl_headwords img[src$="expand_opt.png"],
   3 h. M8 [% R$ P" B
4. .dsl_headwords img[src$="collapse_opt.png"] {
   1 W' c2 g% M) P4 h; B) L
5.   line-height: 0 !important;
   
6.   position: relative;
   
7.   bottom: .125rem;
   ( v5 n1 O8 Q! L% t
8.   left: .475rem;
   
9.   width: .75rem;
   
10.   height: .75rem;
    $ z1 G6 i: X" r
11. }

复制代码

------------------------------------------

搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

HMPT 发表于 2017-9-21 10:29
  U/ z. @3 o6 q8 U7 l- _) t@deeke 好方法!!!!!

0 Z1 V  A3 r/ }5 Q+ n' A我比较晚才开始用 GD ，都是从置顶的经验贴学来的。

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
两个词典放在一个文件夹下。手机深蓝词典。
6 c6 o2 [+ h$ w9 s8 K谢谢！