TA的每日心情 | 慵懒 2023-10-14 18:34 |
---|
签到天数: 210 天 [LV.7]常住居民III
|
本帖最后由 deeke 于 2017-10-10 23:34 编辑
9 D# e- G. S8 X( W, ~. Q7 G+ |
( R) Q$ {% l$ i) |171010:更换图例一。稍微减少 词典名称 与 分割线 的距离(代码区 Line 17. 18.)。
, o2 r4 L8 V: o$ k5 t" M170928:更换图例一、二。修改一处 宽高比例(代码区 Line 30. ~ 33.)。. b3 Y. @6 w7 \
------------------------------------------
( w" \! e% w8 P& z+ f
) u. i* Y$ c L2 L2 v------------------------------------------2 Y/ v, O# j# M$ l/ z
我的软件环境是:Win8.1 + GoldenDict_Qt5_x64_portable 。3 W/ @7 u. @& z1 i- h$ K* f7 ?
! r; `8 k/ ]' r) H8 Y- R k1 l. V9 V3 [不给 mp3 加上 tag 就睡不着觉,不调整 GD 外观就不能查词典,这是“磨刀专误砍柴工”系列的第三集:% Z2 Q" K* Z+ k2 w& f
使词典名称条更紧凑,在缩放页面时它几乎不会错位。
/ o: b; Y$ K8 |. C
+ Z& \. D& X9 @" d5 C1. 选择风格:灵格斯。
3 P8 ?: Z; B9 a& L4 F' m. L$ f2. 隐藏 词典名称的蓝色背景、词典图标。" [8 X1 T r- u( ~$ l* ^" u
3. 隐藏 右侧展开、折叠的箭头图片。( i: ?4 V E# ]7 o F8 l
4. 调整 尺寸、间距、边框、颜色。5 u* M9 Z0 r" \( M; H* k
8 g+ |) w' F7 U+ k, g/ ], d# Y, [修改 GD 的配置文件:“ c:\...\GoldenDict\portable\article-style.css ” 。
$ @9 g$ v" U- K2 F* ~: C- /* 拉近 词典名称条 之间的距离。如果太近,就会重叠。 */
% X$ x6 u$ C9 q0 _! Q8 A. ~0 V, p - .gdarticle { margin-top: .3rem; margin-bottom: 0; }
& p* v4 E7 L/ ^+ F9 c. R6 j6 k8 M0 V
4 i+ }: ]3 x3 j- /* 隐藏 词典名称 外部容器的蓝色背景和边框 */. _' s9 W' C/ P/ K( T; d
- .gddictname {: \. Q( h$ v* ]* s; [
- font-size: .625rem;
p$ w1 E" l5 |3 Z! Z- | N - margin: -.0625rem 0;# c' K! [0 D7 m; C( B6 ]. d
- padding-left: 0;
6 o9 |: n& L" n% A; [ - vertical-align: bottom;
, S2 l0 k% H+ s }) ` @; a7 G - border-width: 0;
2 W8 M" G% G7 x9 A" Z( I - background-color: transparent;
0 t! y6 ?; Y2 O7 e } - }
4 G3 t" z. ^ H3 G* P0 _ - " P( a. K7 Y, C7 v5 q# s( X; k/ ~+ C
- /* 加粗 词典名称 文字的下边框 */, L+ X( k6 u" ^
- .gddicttitle {1 T5 \% ^! P2 N$ }) C- r) \! m
- position: relative;
6 n; M( J: X$ Z# B' n - top: .01rem;% f: G. Y5 e% s) \( }( Q. y
- padding-bottom: .0625rem;
$ A; u9 {$ Y X/ p% [9 Q2 N - color: gray;
/ ?5 `& e) f: b* Q* s - border-bottom: .23rem solid gray;5 P/ f* ~+ O/ G2 x
- }
, Z4 f: S& ?8 D/ K9 X7 h6 \! q - m: _* D6 Z* E4 m" v
- /* 隐藏 词典图标 和 “来自于……” */3 x9 c5 d+ m0 f' \. ?; s' J) l2 F
- .gddicticon,.gdfromprefix { display: none; }
) I2 A7 ~2 \; W& N+ x# E - 6 G Y- R/ m a ]" b
- /* 隐藏 右侧箭头,调整尺寸、边框 */* x4 Q5 [/ ~( K
- .gdcollapseicon,.gdexpandicon {9 y+ c7 U' x2 [5 K9 n
- position: relative;
) q d! \. p! k2 l1 m; x; \3 ~6 t - top: .2745rem;
: e* v% I5 q9 y, V0 B' j# a - /* w:h = 1:1 *// x8 X5 N! J( x: k
- width: .645rem;
8 C6 _' f/ }: ?% s' O P8 o; \ - /* w:h = 2:1 */
' c1 F6 d# |" t- E! K - /* width: 1.45rem; */
: X# a! g* B* d, m. K G6 n& g - height: .475rem;
3 f3 P# Y |# c- D2 f - border: .08rem solid gray;+ i0 _& B0 [4 b$ D9 ?6 L
- background-color: transparent;
: h8 V( @1 y) Y H3 G0 S- |7 w - background-image: none;
# }9 u7 _! m) x& O6 X& x# v3 K# E - }; {' f: m* h/ O! W
/ B% B% P/ H6 T3 o- /* 展开、鼠标悬停的展开、折叠、鼠标悬停的折叠,共四种样式 */
( D/ R0 d7 [. _7 H2 n% I; j - .gdexpandicon { background-color: gray; }
8 P( A1 C0 N2 |2 [ - .gdexpandicon:hover { border-color: black; background-color: black; background-image: none; } U* c: S+ V1 S8 u' S
- .gdcollapseicon { border-bottom-width: .25rem; }
1 n+ |( i* T9 h$ a+ s+ m - .gdcollapseicon:hover { border-color: black; background-image: none; }: H9 @/ T$ Y( G4 i# q+ M) F
- 9 s) e/ {8 A9 s8 R$ q' g
- /* 分割线 *// b$ i+ E7 U+ [$ }; |& K% O, e( t5 j% h& P
- .gddictnamebodyseparator { display: block; margin-bottom: -.0625rem; border-top: .08rem solid gray; }) E1 E2 t( D" k/ L" i
- ; X! b, d$ Y$ { X0 N* j6 w
- /* 拉近 mdx 和 dsl 词典内容 与它们的 词典名称条 距离 */
* \& t3 |$ A/ `: h! k+ a - .mdict,.dsl_article { margin-top: .625rem; }
复制代码 , X" f$ @1 s2 S$ N
------------------------------------------
( ^2 e( I' @* R( ]通过 qt-style.css 调整 软件界面文字大小
/ o a& d, w; y
- f" R4 Y/ x' I4 ^5 V- z! A在我的机器上 20px 比较合适(注意 qt-style.css 中不要用单位 rem ,没有效果)。
& d$ v( s6 w- a! Y( a9 V% k. u+ @1 v) ]- } C9 _+ z
修改 GD 的配置文件:“ c:\...\GoldenDict\portable\qt-style.css ” 。
& B+ I9 R, q2 a; l' ]5 V- QToolTip, /* 按钮或链接的提示信息 */+ F. n) V$ ?) Y5 L
- ArticleView #searchText, /* 按 Ctrl+F 后的搜索框 */
0 u7 H% d h1 r' L - MainStatusBar #text, /* 右下角的提示信息 */
5 |! |* @$ b* @" _2 H; z2 w7 h - ScanPopup #translateLine, /* 弹出窗口的搜索框 */' K/ }: `, }; y6 b& {& t( f
- MainWindow #translateLine, /* 主窗口的搜索框 */( C$ f( x: ^* V+ M; _& F7 |9 ]
- MainWindow #wordList, /* 搜索框下方的单词列表 */5 J' n# T5 s3 V, K; C
- MainWindow #dictsPane #dictsList, /* 查到单词的词典列表 */
0 d4 d9 N: ^' h$ S' S3 D3 b - MainWindow #historyPane #historyList, /* 历史面板的单词列表 */0 f5 H- @( q3 M( p+ c0 x! b
- MainWindow #favoritesPane #favoritesTree /* 收藏面板的单词列表 */
X& t2 X* U' G - { font-size: 20px; }
复制代码 5 f1 b2 z4 E M9 y" @
------------------------------------------
; d# \, ]* ^# T/ f9 a& P+ k2 Y* {* B5 w8 T- j1 ?: t
------------------------------------------) b, j4 p6 C' U: P* M! J
/ c5 @' w; n( n, {9 M* Y最后再来个图,别忘了帮我评分呦~~~ |
评分
-
9
查看全部评分
-
|