TA的每日心情 | 衰
2018-6-16 18:13 |
|---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑
9 o) e6 ]# G7 _4 ^
4 X$ L$ |; G# f* |5 ]5 b! R8 S" J# P2 B3 D( `! C; f0 L
2 O2 l V( ~2 O; W/ x/ ]* l
本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法8 A% U8 @3 C2 b- F7 w" Y2 P4 y! u
* k" ^ M4 P$ \ q5 |% M& o1 J
一千个读者心中有一千个哈姆雷特。
9 Y0 r" F$ @9 O. ` u每一个人对词典的布局都有自己的喜好。
! T2 j! M6 k n% ^在手机上的布局不一定在电脑上相同，反之依然。
; W+ g9 ~" ^ E3 }3 n# U# X% R论坛上对css的修改最详细的讲解是咩妹纸的小白教程，咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法，但是有些步骤不怎么详细，今天发帖教程。
) [1 `' ~, p5 p; G! ~! ^1 {零基础大力丸教程，讲解不多全是图不跳步骤。; |4 A: ]0 J/ W
* w2 r" }2 C4 n
对下面问题，写出了自己的理解1 {6 Q) A- Y+ k- _9 } `; k
1.有mdd，但是没有外置的css怎么办？
( O5 a( F, C, p4 Z8 W2.没有mdd也没有css怎么办？, M/ U. \# V$ P8 x" d1 f3 c$ [# _
3.为什么我在style里面改，但是css里面没有改呢？+ d3 I# `( c: U, p, o8 z% b
4.如何通过两个排版选择修改自己想要的？: @% V) U, K [- p$ _
5.怎么选择一些颜色呢？! U Q' A7 O Y# x
# @" v1 k5 {* W8 [( {0 J
4 C1 x, D0 R, `1 P* H1 v一 需要软件+ t2 j7 p" D; Y% l4 Q
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具) b4 R4 y8 S$ E
https://www.pdawiki.com/forum/thread-17709-1-1.html
4 e( ~. ~& h: d# @4 R# q3 C3 H; s2.[MDXBuilder] MdxBuilder 3.0 Beta2
1 F+ l$ s; Y; A3 q7 J3 G$ ]https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
& Q4 \$ L# C$ C6 c/ T( {4 U3 a3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
) N4 D9 N$ A% U$ U+ G8 Zhttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747$ b; z o" |& _0 o
4.emeditor64 百度
2 P9 @$ R' p3 R% r% V5.MDict
% ]; k' ~% x5 [& @9 O/ W8 B* `http://www.mdict.cn/wp/?lang=zh
) k6 ?4 J1 L" a9 U6.Google浏览器
+ L0 o# s. |, D( z7 x! \7.css相关手册 看附件 密码852963
& \+ Z& j0 {# |# e$ U/ T; ]
; r) o9 I; R, G1 g 二 步骤
& Y0 f9 Z" S: Q 1.选择我们想要修改的词典，今天选择最有代表性的lang5++，这本ff大的词典有两个js，两个css.- J* n. |7 R1 ~0 ]
（说明：1.每一词典几乎都有额外的css，都是这些css有一个或者是多个，这个不需要在意，我们一个个来看
: x6 i/ x: Z9 Q, n* O& g" ]9 e9 Y 2.我们中意的词典只有mdx，mdd没有看见css怎么办？继续看
5 N4 Z6 |: U' I5 l! z 3.js是控制着展开的，以及动画，lang5++有心人会看见在点击小喇叭时候，小喇叭有阴影）* f1 G X7 e) u- S4 X+ r& b
) s+ u% m. _4 R. j* X1.第一步，我们需要得到css才可以修改, e( J3 g3 ?( D$ ^# e6 l9 S
-说明：没有css怎么办，工具：MdxExport3.5-MDX与MDD资源导出小工具
2 L# C `# K+ y+ Z+ n 1）有mdd，通常css是在里面的
" h" N5 l5 {( X8 X 2）没有mdd，那么css是写在mdx的txt里面的* |& k, a) [* e8 d4 f
看图
; Q3 R8 C9 M" o P: s! Q
* o' f- P- s z Z3 F, s4 {6 W! T* s; ^
% b' Z2 c9 b% m8 M
回到文件夹，会看见多出一个文件夹在里面) v1 A4 @% B# T# b) z, F8 M9 }
8 s8 f! }" A+ I9 B
这里面的就是css（记住这个文件名，到时候你修改后的css名字也是这个，要一致）
7 D# v1 L! s, K) `$ h ; I; i. g' `* D& E$ k& M0 e: c
说明一下2./没有mdd，那么css是写在mdx的txt里面的，下面我们看单单的mdx：英语词根词缀.mdx/
/ ?, y$ m" K8 h& y$ ~
! o, D7 W- j" y$ j6 X
: u [) i8 u' }1 S, ?) L+ M 使用emedtray打开txt，+ `/ N; r* O5 n" x
! r) u# m' |% w
对应的是字体的颜色，可以通过/替换/这个功能实现局部的修改
0 H0 z5 S8 m8 ~) X0 J* o- Z, w- Z& b
. ] Y6 _( V }
2.第二步 ^" t# H0 Z. f4 Z( l% _
1）提取词典中的单词html的表现形式
' U5 D' |* M1 ?常用单词take，go，principle，for: o+ R5 X2 C R2 G
2）打开mdict- A/ l. e5 D2 j* R. O% X+ Y
3）安装词库 W" n% ~$ m. t# s4 {2 o
4）提取源4 @1 ]) ^0 p8 {/ X
# H/ Q. S+ c+ {
/ ~* N" ^" p) I3 U! P4 M" O' Z
: D5 o' \, c5 r4 p3 K5 m- \3 G+ k8 T
3.第三步 打开Google浏览器，把刚刚提取的文件导入到狗狗浏览器7 Q9 H" A0 s+ y* U/ Z
0 P2 n) G0 B; R1 y9 L
* O5 n( K3 S N: E+ O) K7 z按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具7 w! A$ R& g- V4 S2 l/ E* Q
! u4 `0 O' ~8 A9 p& { Q2 _4 B
% }+ I7 L% O- Y) m6 e' e注意：ff大的css有两个，这两个css分辨控制着不同的排版3 S1 e0 ~5 w' t4 z9 |5 {
我们一一的来使使7 I9 v- `$ y, t7 A
我们先试试LM5style.css这个文件，拽入/白白嫩嫩的空白处/
: M4 c; f& g8 j% Q0 E1 o 说明一下，lang5++的两个css控制的不一样，所以你单单导入LM5style.css这你只能看见部分的排版，尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版，那我们看看LM5style.css到底是控制的是什么呢？
, S# g; v0 }, l3 c; u/ h# l& V * T9 o7 P( s* [5 \9 b4 k- l
. O, K$ E7 b# L: P; o
/ r M! d% T* z, v9 F& {+ `# l- Y7 N/ Z- [+ u: R% k
ctrl+shift+c快捷键
2 s) l+ B! q( c: c- M4 T! `) _) Q9 ^6 K! S
隐藏的命令为display：none
: y0 M0 R4 D5 G0 }; e8 T
, g, ~, `: b9 C6 ~% B4 q2 c9 O3 `
2 O! _0 b5 H+ t$ F% P+ g4 c 问题出现: o/ g4 d* I' O
& O7 t* D( U8 v& b2 L/ B" b
( A7 f; Z2 I/ s h& l% b. Y6 T" s8 u0 a3 y
可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
) G$ V. o, e) @& ~$ A/ [但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作
$ B& m, S! T. s2 n) M' H* O( {; c% p3 M- g5 K; i8 w7 N/ _$ J
- C' C# c3 F' Z& m& Z9 [8 L! y
我们先修改我们理想的样式先，我以修改颜色为例
) }9 c3 Q% `7 j" F0 j; V5 U- w5 b6 a; b) p' k, g
4 x( o! I# ]. k! a9 c `: B9 Z
# {. x: y3 _4 `9 M7 M& c
第四步---尝试修改背景颜色7 V6 P6 `0 N6 D! k: R
4 n3 b0 l; d7 E两个不同排版比较修改3 q8 _) h/ }/ t
' E/ R8 u) W* Y8 |3 E' d5 ^
9 g" ^- P- u2 U& O8 Y3 g, W对于颜色的选择" E; O! k, b- Z$ v& _
通过各大网页选择你喜好的颜色
# |6 f) o4 {2 d( _2 y( _, I; x: f2 t7 t! d
( [0 H5 j8 w# _) M# m- B- j* J( h
大爷都读到这里了给一个咱呗，1米2米不嫌少，50，100米来着不拒~
, X) c+ _: {; `0 k
, c. h f' _3 T! j, }" E, k3 r& j+ c) j' Y6 b1 p
+ Y5 b$ m: ]1 K |
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有账号？免费注册
x
评分
-
20
查看全部评分
-
|
[复制链接]
发表于 2018-4-14 21:46:02
楼主
发表于 2018-4-15 16:27:42
K大这回复也太官方了吧，活力一点的版本有没有
摸摸头 哈哈哈
