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

deeke

  [$ @) _- P* `; V- j+ Y3 l3 W6 O
! }5 L& z" A4 M8 A: e170928：更换图例。
+ Y/ K9 J0 F3 X8 q------------------------------------------

------------------------------------------
9 a) V* W* L. ^( N1 Z8 @感谢 ryuya 制作、分享的跳转词典，和 GD 自带的构词法各有用处。
JumpToDicts 3.0 (英語構詞法詞典)
7 ^; A. Y  O8 {JumpToDicts (phrase version add-ons)
/ r  s$ Y" F, Z! d" B我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
9 T3 h( K, n+ k1 ]5 C. j
词典没有外置 css 文件，所以通过 article-style.css 来曲线修改。直接修改 mdx 文件更方便快捷，但是我们就要在平坦的道路上曲折前进。
根据来源不同，外框有四种颜色，此信息体现在小箭头（ u279C ）上，并保持一致。
2 p, f$ ?9 I' k" G
0 T" J2 w3 ~/ H# J& a- Z1. 在 GD 里找出词典编号。
鼠标右键“审查元素”，或直接按 F12 。每台电脑的词典编号并不相同。

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

复制代码

$ D* l; M! u7 I; b2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
8 [, T7 e* Z( q1 u2 H6 Y

1. /* JumpToDicts | Start */
   4 T' W. s2 M- }2 y; I$ B
2. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div,
   1 B- |. m# h2 [5 ]: c
3. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div {
   : w$ A8 n# n! V1 ~. @+ d
4.   font-family: Lato, sans-serif !important;
   8 b  ?3 f9 j: L2 L; R
5.   font-size: .625rem !important;
   
6.   font-weight: normal !important;
   6 T* f) D4 v8 S1 G" D, Y# b- X
7.   font-style: italic;
   7 N( U" Z. B. p! x
8.   width: auto !important;
   
9.   padding: 0 !important;
   
10.   color: gray !important;
    & G  s2 F" T& l# f2 ?
11.   border: none !important;
    
12.   border-radius: 0 !important;
    ' {+ q% {! f% u- p( C, r
13.   background-color: transparent !important;
    : T. k' }, q. h( t5 \: S" a7 u
14.   box-shadow: none !important;
    
15.   vertical-align: baseline !important;
    6 n- w) J5 c; l* X: ], M
16. }
    
17. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div::before,
    8 Q/ V) M( G- a' z+ L& x
18. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div::before {
    , |1 C$ w+ X6 N  H9 Z4 d8 J& _1 m2 N: ~
19.   font-family: "Segoe UI Symbol";
    7 p0 u& h- I+ @6 U1 W8 N6 H% S
20.   font-size: .5rem;
    0 L% S: {( F# Z/ e# Y
21.   font-style: normal;
    " t; _2 c' J# S* i
22.   line-height: 0;
    8 k' G7 v" H3 v7 ~" M
23.   position: relative;
    
24.   bottom: .0425rem;
    7 s  S8 V! w6 Y( K) M# D
25.   margin-right: .23rem;
    0 C8 C) C0 P. H" A0 k
26.   content: "\279C";
    - u9 _, V' K7 E1 d' r+ s# D$ v
27.   vertical-align: baseline;
    9 i6 g2 d7 Q) K
28.   color: green;
    
29. }
    
30. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.MW::before { color: orange; }
    ! Q* b$ _0 y$ b" g) N
31. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.O8::before { color: deeppink; }
    7 g# i& {' Y' Q) u" P- q- S8 C
32. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>div.spell::before { color: #444444; }
    
33. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>div.phrase::before { color: #1E8BB7; }
    % _4 c- {4 F# j2 p3 v2 Z) {% x
34. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>br,
    . N+ T3 G8 E9 H8 m5 \
35. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>br { display: none; }
    8 {( w1 J8 h7 @7 t2 v
36. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 .mdict>hr,
    
37. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 .mdict>hr { margin: .1rem !important; }
    * o* ?* I, n( J1 t: r
38. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a,
    
39. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a {
    
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;
    6 i, i( f9 I; W* Z# p
45.   color: black !important;
    : A) b3 X3 u0 A
46.   border-bottom: .08rem solid transparent !important;
    
47.   outline: none !important;
    
48. }
    
49. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:link,
    
50. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:link,
    & H7 w* ]3 @: u! m
51. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:visited,
    , D4 F* N& F5 m' M  s
52. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:visited { color: black !important; }
    : H2 Q0 t0 G& V8 A5 I! l6 Q0 n
53. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:hover,
    ' Y+ @" i# P; R  X6 E0 }* l
54. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:hover,
    
55. #gdarticlefrom-af6352032a97251d70ce9ba74e88edb8 a:active,
    ( R6 R* [' p$ E" U0 J
56. #gdarticlefrom-3a6c930edbc61ab69e6c93450b279539 a:active {
    ) z0 h5 A: G* p4 _
57.   color: black !important;
    # K- m. @1 m' L6 b& B2 o1 ~
58.   border-bottom-color: black !important;
    
59.   background-color: yellow !important;
    . I3 I) C/ j$ q
60. }
    
61. /* JumpToDicts | End */

复制代码

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

0 Z- ^9 G# {8 Z, ?: ]& m$ w1. 在网上找两个图片表示展开、折叠，改名为 expand.png  、 collapse.png  。
放入文件夹：“ c:\...\GoldenDict\portable\icons\ ”备用。
$ I: o8 @0 F+ h
& D) H& F5 t: J! {. D2 p2. 修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ”。
2 |# C% k! e" F* s1 [/ Q调整各种 前后左右、高矮胖瘦。

1. .dsl_headwords img[src$="expand_opt.png"] { content: url("file:///icons/expand.png"); }
   ( [# U0 A" V7 q5 t
2. .dsl_headwords img[src$="collapse_opt.png"] { content: url("file:///icons/collapse.png"); }
   " ]9 b4 h- w8 ]! m# v
3. .dsl_headwords img[src$="expand_opt.png"],
   
4. .dsl_headwords img[src$="collapse_opt.png"] {
   
5.   line-height: 0 !important;
   
6.   position: relative;
   
7.   bottom: .125rem;
   ' |( E$ y  T2 Z5 i" E. X
8.   left: .475rem;
   
9.   width: .75rem;
   
10.   height: .75rem;
    
11. }

复制代码

* N' S) Q6 O9 t------------------------------------------
/ n6 C. p- p: _6 _/ m
搞定收工，试试看外链的图床效果如何。别忘了帮我评分呦~~~

HMPT

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

HMPT

@deeke 好方法!!!!!

deeke

HMPT 发表于 2017-9-21 10:29
7 A$ p, J# A+ z5 Q  u( u+ C- J9 T- `@deeke 好方法!!!!!

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

kandict

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

leescott

请问，直接修改mdx文件，怎么实现？
5 g* Z* v4 t/ p6 a$ [* y两个词典放在一个文件夹下。手机深蓝词典。
谢谢！