TA的每日心情 | 衰
2018-6-16 18:13 |
|---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑 % W% I& c4 m0 j+ P1 e
: G$ Q# T6 w0 h0 K' c& _( P
1 T$ o( y; Q* P7 Q
* s! k& S( J! Z8 y8 \本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法- w3 T/ U+ W6 d1 y9 n
' u% W' i+ z, w0 o3 s5 p7 I一千个读者心中有一千个哈姆雷特。
( Q. ]9 r* R+ W/ g( R每一个人对词典的布局都有自己的喜好。
6 A( @6 _5 w6 E在手机上的布局不一定在电脑上相同，反之依然。8 m. B/ j/ M' E0 F y6 N y y
论坛上对css的修改最详细的讲解是咩妹纸的小白教程，咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法，但是有些步骤不怎么详细，今天发帖教程。 }" t8 L* g4 `7 F
零基础大力丸教程，讲解不多全是图不跳步骤。5 \' E6 Z: j' Q( x; f
7 y2 y+ t7 T" d% H: W$ t* o. q
对下面问题，写出了自己的理解$ M0 G2 e. ~9 M7 l7 t
1.有mdd，但是没有外置的css怎么办？
. X% l/ W; i% y$ K* y2.没有mdd也没有css怎么办？
" P' M6 [/ d+ F0 Z9 Z6 E1 [6 F3.为什么我在style里面改，但是css里面没有改呢？6 n6 D& a: Q& b' j% G: M( {8 ]
4.如何通过两个排版选择修改自己想要的？
7 g, q9 j @+ |" x7 W9 M5.怎么选择一些颜色呢？
8 L) j7 \" q+ e3 w/ c `7 g * X; @4 R" F% }3 B% f# z0 C* ? ]
) B% T+ Y; X+ }3 {$ V% ?/ Z一 需要软件
& m0 r* J* ^# J8 b1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具0 n* h" l3 a3 t
https://www.pdawiki.com/forum/thread-17709-1-1.html7 ~: O* ^' \" ^2 \
2.[MDXBuilder] MdxBuilder 3.0 Beta2
0 R" e$ }& L5 V. I) s thttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=37473 ^. M' I$ U ^# M: Y& `" S
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具. j0 s( q! D0 }9 B6 B5 I; \
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
5 s5 F! }4 x7 s1 b) V# l* n4.emeditor64 百度
' e" N# `8 o& I f3 s5.MDict
8 M3 g$ T# n& Zhttp://www.mdict.cn/wp/?lang=zh ]: ]8 }$ H+ g3 l2 B
6.Google浏览器
, E5 m) h. R1 Q( K/ f* \9 A7.css相关手册 看附件 密码852963
' ?) \( Z& V/ X1 y2 e X4 U6 s. H6 |) F( H' b2 f
二 步骤# {' w% ^# T6 a0 e/ N9 E3 e" r( y% T
1.选择我们想要修改的词典，今天选择最有代表性的lang5++，这本ff大的词典有两个js，两个css.2 G5 q1 }( K" x( u0 ] j; u+ H8 S
（说明：1.每一词典几乎都有额外的css，都是这些css有一个或者是多个，这个不需要在意，我们一个个来看. |* Q2 b* S, s( S/ I* ?4 R9 A
2.我们中意的词典只有mdx，mdd没有看见css怎么办？继续看, m6 z" P; S: z4 p2 y" v- \
3.js是控制着展开的，以及动画，lang5++有心人会看见在点击小喇叭时候，小喇叭有阴影）
* o( B4 x( E3 N6 W% x$ @ z1 B+ }: t m: u
1.第一步，我们需要得到css才可以修改
5 T$ t& ]0 r/ G-说明：没有css怎么办，工具：MdxExport3.5-MDX与MDD资源导出小工具. i4 ?4 Y* T7 Z) n" k0 v
1）有mdd，通常css是在里面的
3 V0 T# J% y2 T9 N 2）没有mdd，那么css是写在mdx的txt里面的! H: a& I2 q8 Y. u, Z3 ]% j3 k' g8 z
看图 E5 A: e) q& Z h6 J& ^4 S
: f+ V1 h* D4 X5 P m: \% k1 L
6 L& n" c5 g& H: @3 M, w4 P2 k+ l8 E
回到文件夹，会看见多出一个文件夹在里面( o$ u$ X( w" N4 G; ?4 q
! W" i" L3 I% N6 \% Z这里面的就是css（记住这个文件名，到时候你修改后的css名字也是这个，要一致）
5 K/ O7 k) Y; p$ F( \
: p+ ]( u. K0 G& h6 o4 C4 m 说明一下2./没有mdd，那么css是写在mdx的txt里面的，下面我们看单单的mdx：英语词根词缀.mdx/
% l2 B# B1 p7 p; O& ~; O7 R, g7 z* h, o/ A: I5 ^& ]
. ?9 o2 ?5 \) @# p3 d* V+ t8 e
使用emedtray打开txt，7 _( E w0 ^4 G6 J$ W# K
- c' w& q0 m& g8 z* s# Y对应的是字体的颜色，可以通过/替换/这个功能实现局部的修改3 A/ ]# t& f( s2 Z d8 D
* J) q/ L) c! W. I0 V' A: H$ F
" \. j1 \: x8 r0 u; i* a" K/ ~# ~2.第二步+ V. d+ R! h( d- V
1）提取词典中的单词html的表现形式8 J G7 h8 q6 g4 p7 ~: U$ A; e
常用单词take，go，principle，for, o, y8 K9 H6 Z, v& d! h$ ~. g& @
2）打开mdict
4 g) _! Z( C6 \# j( K& X3）安装词库$ z" T# K+ }# n1 W
4）提取源' u6 L# W( _. c+ x3 E) L: _
7 S% r% I/ v: p3 \& x- |2 n
9 C+ L3 P, T. e; v* Y Z- P& c
7 q( ^2 \7 p: h: N) B5 c* X
9 \2 m) J* T/ h O/ X3.第三步 打开Google浏览器，把刚刚提取的文件导入到狗狗浏览器4 S6 t6 \9 v( j0 ?
5 h z' w0 Y3 S4 d
! N6 J# K0 Y) H0 m# ~4 _
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
! c# w+ h* K8 j6 F, N- v' R5 k4 \& r4 s+ l% _( O
; ~7 A1 Z8 J1 p3 t6 T1 y
注意：ff大的css有两个，这两个css分辨控制着不同的排版8 q9 X. L |! p5 w: N
我们一一的来使使
1 `& C4 f2 ]' c; A# A我们先试试LM5style.css这个文件，拽入/白白嫩嫩的空白处/
$ c0 T& f8 K1 Y5 E- @ 说明一下，lang5++的两个css控制的不一样，所以你单单导入LM5style.css这你只能看见部分的排版，尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版，那我们看看LM5style.css到底是控制的是什么呢？ N$ A. t1 I; G% _
& K; i3 @* }4 Z0 }- o% w- g+ v
& U) Q% [& Z# B
9 i+ f) i7 m4 @0 _# p5 `5 G1 }- a, D4 j. ?$ C
ctrl+shift+c快捷键
6 A; y; t( l' s4 D
: Z7 ~4 R2 v' Z% H' t 隐藏的命令为display：none5 B& P6 f5 l# C5 K* l* U8 R5 o2 R6 ?
2 ?) \* L D q; S8 ]% y# S6 x0 o3 O
问题出现
) p; D3 G% ~; B+ C& e; o
/ s% C( V) B" v4 u
2 h& H" P P' U+ b, K
& J: O, W/ s3 z" d: b( |0 u 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"4 @/ n$ K" h6 L; L7 ]0 _
但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作3 f" e+ J( x1 y( Q3 |
& r/ `3 Z3 ^+ [6 T
" v7 c1 p. G& V
0 t J. N8 {8 K: Y9 D& q 我们先修改我们理想的样式先，我以修改颜色为例8 T' s7 i! P" @+ z: {* g3 ?2 y" M
* U/ U- x1 S. H6 I0 P- S& l/ P2 t; W ?- n0 |5 Y
1 |1 z' ?, x5 m: R8 i9 B# L第四步---尝试修改背景颜色
g. T y0 d) U' U& F1 ?! G: P7 A# J, ?
两个不同排版比较修改
: q3 b& D; K9 N5 ~: ^3 N$ g1 x y+ K
; [+ Q4 P# A% C/ i
对于颜色的选择
M/ j9 M. t+ z, l9 Y0 Z+ e通过各大网页选择你喜好的颜色
+ b' ~+ n3 z6 o f4 [1 v
6 p1 L, Y, t2 W
0 m1 c A6 v# v大爷都读到这里了给一个咱呗，1米2米不嫌少，50，100米来着不拒~: I! c& p! h2 Q- y& r" ]; F- ]
I2 `6 T+ H7 \- i2 T3 s
( C% T; U% C( |; u" t2 C( {5 j$ L0 a! i
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有帐号？免费注册
x
评分
-
19
查看全部评分
-
|
[复制链接]
发表于 2018-4-14 21:46:02
楼主
K大这回复也太官方了吧，活力一点的版本有没有
摸摸头 哈哈哈
