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

deeke

/ ?$ k/ N0 b% F& D* F
) l- ?$ w8 t$ L$ V6 W* R6 T8 [170928：更换图例。
------------------------------------------
" l+ S5 f5 o* @+ l! O8 v! k
------------------------------------------
- `& z  x: R+ ?3 |) H感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
  t" D) d/ n: B# I3 j7 y5 u1 f# ?JumpToDicts 3.0 (英語構詞法詞典)
* V# w8 ~* I% Q0 f) q& `  ~JumpToDicts (phrase version add-ons)
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
0 }  t( l; E* L! N5 l% H# i
2 S; h4 m( S, D词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。
# M  a& Q, v1 l  G
1. 在 GD 里找出词典编号。
: q2 m2 u! l. Y& G" S+ _! [- J- ]7 P鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。

1. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 对应 JumpToDicts 3.0
   7 u' T) X# u# o9 Y
2. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 对应 JumpToDicts (phrase version add-ons)

复制代码

/ R- A: W* t. ^! }2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
. h2 M, u# @2 c+ t: [

1. /* JumpToDicts | Start */
   , [/ c9 u( E$ s: [
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   ( ?) w3 }0 b" m
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   8 e& Y" o  J6 m& z
4.   font-family: Lato, sans-serif !important;
   % D  W, J1 Z; J/ R+ T  A- j
5.   font-size: .625rem !important;
   6 B8 U: ^" H6 E( W+ V
6.   font-weight: normal !important;
   
7.   font-style: italic;
   , M, `) a4 O7 ~
8.   width: auto !important;
   
9.   padding: 0 !important;
   ( P: U0 p* {, o6 [4 H! D' @. }
10.   color: gray !important;
    
11.   border: none !important;
    
12.   border-radius: 0 !important;
    ! z9 }3 x6 h; _7 Q+ _; n& B# c- p3 l
13.   background-color: transparent !important;
    - `- r" _; a/ K" c- Z
14.   box-shadow: none !important;
      p. Y/ O1 o, {
15.   vertical-align: baseline !important;
    , s* r8 D2 j; b! d+ `
16. }
    6 D0 b  E9 X/ X) L( c% M0 L( ~
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    
19.   font-family: "Segoe UI Symbol";
    
20.   font-size: .5rem;
    , t$ y5 @' m/ i7 _2 i
21.   font-style: normal;
    3 O3 {4 W( Z) H
22.   line-height: 0;
    
23.   position: relative;
    0 i6 m4 G3 ^6 D( Y
24.   bottom: .0425rem;
    5 Z1 W" L% a) ~- G
25.   margin-right: .23rem;
    & i- }- x- N4 i
26.   content: "\279C";
    1 j: u; T$ F6 l5 F, u
27.   vertical-align: baseline;
    
28.   color: green;
    
29. }
    6 b/ F" v: [7 s% W1 Z
30. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.MW::before { color: orange; }
    ) _; W' B/ H' {. e( ^' p" u
31. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.O8::before { color: deeppink; }
    , o( ?" u! t: @, K  n# @1 H
32. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.spell::before { color: #444444; }
    " d; k4 Y- x, g; W) \
33. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div.phrase::before { color: #1E8BB7; }
    
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    3 L/ r  L: W- ]7 H- S2 W- r6 O
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    1 h1 g9 G5 n' ?* R
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    3 a. r  d/ p. y, @7 W! I. s/ U
40.   font-size: .875rem !important;
    
41.   font-weight: bold !important;
    
42.   font-style: normal !important;
    
43.   margin: auto .23rem !important;
    
44.   text-decoration: none !important;
    7 S# ^; j- X7 s' q
45.   color: black !important;
    
46.   border-bottom: .08rem solid transparent !important;
    
47.   outline: none !important;
    
48. }
    + _' z4 Y/ R* v
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    0 b8 y* B! |' m
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    ) Y; Y4 p' U( \% o! `. z
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    8 f; Q' |- ~  p' ~, ~& u
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    
57.   color: black !important;
    5 Y! ?0 s3 C% O
58.   border-bottom-color: black !important;
    
59.   background-color: yellow !important;
    0 ?' M/ Y) B1 b& m! E
60. }
    
61. /* JumpToDicts | End */

复制代码

------------------------------------------
修改 dsl 词典的展开按钮

  x. g) f8 I3 I+ V0 T1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
$ ]6 c' F/ _# b: c( K
2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
, i1 }* U" t# Z9 _3 f+ G: [7 q调整各种 前后左右、高矮胖瘦。

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"); }
   . g, Y1 I- [% k* c+ j& Y
3. .dsl_headwords img[src$="expand_opt.png"],
   ( ~1 S& y7 j9 h, Y- I+ e3 c1 t& F0 m
4. .dsl_headwords img[src$="collapse_opt.png"] {
   
5.   line-height: 0 !important;
   3 h9 a  x1 [. y4 m" M1 T
6.   position: relative;
   
7.   bottom: .125rem;
   
8.   left: .475rem;
   
9.   width: .75rem;
   5 W4 W8 z& D8 |' A0 Z" q
10.   height: .75rem;
    
11. }

复制代码

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

! q( s# F, n+ n9 g4 Q% D8 K搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

HMPT 发表于 2017-9-21 10:29
8 c( K8 E+ h  d@deeke 好方法!!!!!

" L# k+ o1 p/ h  P我比较晚才开始用 GD ，都是从置顶的经验贴学来的。

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
/ ^" c! C/ s9 w0 O3 d* u两个词典放在一个文件夹下。手机深蓝词典。
谢谢！