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

deeke

3 _( V: S3 h+ H9 Y# C
) G" B; h0 |/ N$ w' q6 @$ a. {170928：更换图例。
# U5 {3 j  ]$ P! |# T+ {: y5 Q------------------------------------------

! l, f) v* i7 `9 o; C------------------------------------------
: C' d& l( w5 P$ \感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
$ |( h% o: w8 s( DJumpToDicts 3.0 (英語構詞法詞典)
JumpToDicts (phrase version add-ons)
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。

词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
. I% t2 u+ V& P/ ^- D根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。
" z& }+ J# |( f
& _; g2 Z" j9 ^: T4 t1. 在 GD 里找出词典编号。
鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。
9 D; F0 f7 @; @

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

复制代码

) n. z+ S5 G4 J, ?" ?3 U2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
/ I) d. B+ n* v* ^* B

1. /* JumpToDicts | Start */
   
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   % c9 g1 A" L3 b# H( J& Y5 x
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   ( `/ q: L3 }9 K1 H
4.   font-family: Lato, sans-serif !important;
   
5.   font-size: .625rem !important;
   
6.   font-weight: normal !important;
   ! ]6 P7 o1 e8 n) T; `1 u- g
7.   font-style: italic;
   ; e. L; i) v5 e3 x0 w! b. G% D" i
8.   width: auto !important;
   
9.   padding: 0 !important;
   
10.   color: gray !important;
    
11.   border: none !important;
    
12.   border-radius: 0 !important;
    . q9 D# X: }/ W" a: b: ~+ D
13.   background-color: transparent !important;
    
14.   box-shadow: none !important;
    
15.   vertical-align: baseline !important;
    
16. }
    
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;
    8 g* T, z( p( y$ J
22.   line-height: 0;
    " C9 v. P! W1 X' u' g6 `* H7 c
23.   position: relative;
    " d" c7 o- ~5 i( C- c5 g
24.   bottom: .0425rem;
    
25.   margin-right: .23rem;
    
26.   content: "\279C";
    
27.   vertical-align: baseline;
    6 W) y- U% M& i1 A
28.   color: green;
    
29. }
    ( I3 f' I! p- M  v
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; }
    ) _5 s3 ?7 Z6 e" w/ L$ L
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    " l/ W( I5 |5 U
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    
40.   font-size: .875rem !important;
    
41.   font-weight: bold !important;
    + P; i' T1 z, G' m- f
42.   font-style: normal !important;
    ! m! Z6 S& m( S4 M4 w
43.   margin: auto .23rem !important;
    . @) D! K4 I% ^* y9 f6 k- P
44.   text-decoration: none !important;
    " U# U: j6 P# O  c& W7 \% V+ B$ H
45.   color: black !important;
    . ]; R+ w8 A0 Y/ u) r3 w- l3 N
46.   border-bottom: .08rem solid transparent !important;
    , H& f8 z3 o8 c% e9 @9 c& r
47.   outline: none !important;
    
48. }
    ) p' V' W5 _! c% U# w
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    ( h% D% u" |* k2 I6 n
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    ( v  X: x5 C$ i3 O8 }$ ^
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    ! g1 A) b) N1 |2 x& o
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    - a8 j# K" b9 ^; U7 J
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    9 G! C# r! h* Y! ^
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    
57.   color: black !important;
    
58.   border-bottom-color: black !important;
    2 x! o2 N  h# |9 w
59.   background-color: yellow !important;
    6 s' R- C  V. w. |' y. y8 P. o
60. }
    
61. /* JumpToDicts | End */

复制代码

------------------------------------------
修改 dsl 词典的展开按钮
( V% q% U" {6 v& O$ m1 l
5 X: |& ?) }2 Z7 H! O1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
/ S: n$ r  _* M. A: v1 n
2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
8 V8 `& ]/ Y) M调整各种 前后左右、高矮胖瘦。

1. .dsl_headwords img[src$="expand_opt.png"] { content: url("file:///icons/expand.png"); }
   , A: U8 t4 t2 \" ^) [6 C+ |
2. .dsl_headwords img[src$="collapse_opt.png"] { content: url("file:///icons/collapse.png"); }
   2 w% @& B' `+ \: V: W: \
3. .dsl_headwords img[src$="expand_opt.png"],
   
4. .dsl_headwords img[src$="collapse_opt.png"] {
   
5.   line-height: 0 !important;
   # L8 b! A( r9 S5 u) n
6.   position: relative;
   3 @8 J: ^4 a- W5 y7 a: }( A$ c+ C
7.   bottom: .125rem;
   , x/ S7 g$ S% X' [+ \& d9 b; `
8.   left: .475rem;
   7 h: a* Q7 G5 N: }: n' H
9.   width: .75rem;
   ) H# Z  W# c$ z( j& o$ F
10.   height: .75rem;
    # x; I1 r& P% N8 I" b" F
11. }

复制代码

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

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

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

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

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

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
两个词典放在一个文件夹下。手机深蓝词典。
  ]$ c2 U1 |( e3 p0 V2 ~谢谢！