TA的每日心情 | 衰
2018-6-16 18:13 |
|---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑 ( ^8 r+ y j+ e& d4 r8 ]4 c
n( ~4 ]( w0 C. r% P5 d9 a$ b3 L/ D3 j
5 J* r" p6 l' R# `* m4 ]1 z
" }0 C. j$ ~/ Z2 i( N. q0 ^本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法+ R. I$ ?- W d
) c, H. s6 h) c$ m: j
一千个读者心中有一千个哈姆雷特。
6 V$ }( A8 k, s9 J每一个人对词典的布局都有自己的喜好。: \0 A+ a4 R: ?5 p1 ^, G
在手机上的布局不一定在电脑上相同，反之依然。
) K$ ]8 C$ N4 K- O6 ]5 J$ i5 a论坛上对css的修改最详细的讲解是咩妹纸的小白教程，咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法，但是有些步骤不怎么详细，今天发帖教程。
# a8 w5 w$ g! m" Q5 B零基础大力丸教程，讲解不多全是图不跳步骤。: s* C8 x3 l: Z z/ q+ Q& [! C2 @
- F+ N( k& M4 r$ p) L6 ~4 B* U对下面问题，写出了自己的理解" G+ [. ]' U+ W& Z9 m" z! i0 p, ?
1.有mdd，但是没有外置的css怎么办？
9 k9 h* u2 d+ r, q/ b2.没有mdd也没有css怎么办？
& ?' _) M) R6 G: I3.为什么我在style里面改，但是css里面没有改呢？
! n, l. u: ~2 W) S( V8 i# U4.如何通过两个排版选择修改自己想要的？
7 M v# R' W& N: m- E2 N5.怎么选择一些颜色呢？: _% J5 L* T8 O6 q9 h8 X9 V
# d4 x6 M5 d! c- h& Z$ D# w) I
' t' \8 t ]+ x+ n" m一 需要软件1 y, p- s; B; U& Y. B
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具
6 ^8 \' `/ A' h/ Vhttps://www.pdawiki.com/forum/thread-17709-1-1.html* V; e2 X* h. B" B& l
2.[MDXBuilder] MdxBuilder 3.0 Beta2
0 i6 G% `4 ^- B5 a( q# \8 Ihttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747: n2 M) J& j( o% I# Z
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
" r4 p9 |+ V3 u# b$ Q- a- ~https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=37474 J9 a! m7 {4 c! q
4.emeditor64 百度5 |4 R# E, M# h& U# B- m; o
5.MDict, j4 R% s. x F/ m
http://www.mdict.cn/wp/?lang=zh
* s; z; w1 f9 h/ i' a$ f6.Google浏览器6 Q3 L2 l% v3 v) \
7.css相关手册 看附件 密码852963. W0 m! x7 T! @
, ]. n- W* v: U0 l& j$ b/ N
二 步骤$ J A& W) a g5 |
1.选择我们想要修改的词典，今天选择最有代表性的lang5++，这本ff大的词典有两个js，两个css.% \* v+ c0 |8 N- F. L* V( b
（说明：1.每一词典几乎都有额外的css，都是这些css有一个或者是多个，这个不需要在意，我们一个个来看
9 W' W- R* d9 b& H' Z 2.我们中意的词典只有mdx，mdd没有看见css怎么办？继续看; r; x6 h4 T. d" H
3.js是控制着展开的，以及动画，lang5++有心人会看见在点击小喇叭时候，小喇叭有阴影）
% l a+ x. l( v/ [) G- h3 B
( m2 c) j$ ^6 a5 n5 X2 i3 u1.第一步，我们需要得到css才可以修改* C( I. n( j$ v L( z* O9 G
-说明：没有css怎么办，工具：MdxExport3.5-MDX与MDD资源导出小工具
. x& Y, e* p: A& h0 f4 R% ~ 1）有mdd，通常css是在里面的3 H V) x1 p- k. p3 d5 t
2）没有mdd，那么css是写在mdx的txt里面的
% G( J$ ~# N/ Q+ d 看图" [' Q0 A6 }5 F: H" K% w# |
% c1 {2 k# R1 A, ~+ H
- K# J& ~8 ] x z3 q& ~" [) v1 s: _; h& I
回到文件夹，会看见多出一个文件夹在里面
/ K, T, I* m7 l$ ?& }$ Z- o! |1 N% [* M# U
这里面的就是css（记住这个文件名，到时候你修改后的css名字也是这个，要一致）
6 V8 f/ g' W1 {/ P: Z3 y
- P# c* y$ T, ^2 l+ u 说明一下2./没有mdd，那么css是写在mdx的txt里面的，下面我们看单单的mdx：英语词根词缀.mdx/) g; K2 n. {. ~- s( p
. B# P. k5 r& {* P2 G J
: y2 k, |- ~, z4 ~3 m8 E 使用emedtray打开txt，, ~( k7 i1 C( H0 b( Y3 A
; H6 g5 M7 S& W" ~3 w2 T
对应的是字体的颜色，可以通过/替换/这个功能实现局部的修改
* @) I3 q! O8 C( ^6 \8 ]- d( g: k8 V7 V. h2 g' P
5 f( p! t _1 j0 ]
2.第二步
1 S6 d! f5 R5 T+ p1）提取词典中的单词html的表现形式& {; N, T. g% p0 p
常用单词take，go，principle，for4 F8 Y* W) f C9 V
2）打开mdict
0 \/ e' Q6 _8 e& X6 b5 z4 n3）安装词库( T% l, X+ I5 T
4）提取源 C5 C3 X4 y% \; v
: K- c, S7 T% m0 V5 x) ?% N: ]* f- A+ q0 Z0 }. m4 W6 ?1 `
1 e7 |% @ h3 N
1 ]3 O/ U( ~0 F( {' `, ^. v4 k3.第三步 打开Google浏览器，把刚刚提取的文件导入到狗狗浏览器) F# |, j; _% G N8 E
2 h. H ^/ E" T$ w1 q+ D$ ]* A" i8 g( f) G2 j! R/ P
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
5 w n/ p( X1 i) Z4 Q& n- J3 ]: q; ?9 s4 t9 ^8 G
# C' I3 h, W; S4 [, @6 u5 \注意：ff大的css有两个，这两个css分辨控制着不同的排版4 S3 t! V. g( R
我们一一的来使使
1 O6 x; I2 q: m5 k; y我们先试试LM5style.css这个文件，拽入/白白嫩嫩的空白处/. L$ K* s# R+ \ C* o
说明一下，lang5++的两个css控制的不一样，所以你单单导入LM5style.css这你只能看见部分的排版，尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版，那我们看看LM5style.css到底是控制的是什么呢？' {0 a- e: c5 o' H6 \: v# ~
/ W1 E; i: P& `3 G
+ o o7 I, ]. @% |1 \" [, `# h E9 u1 ~3 M# d9 ?! h
& I8 j3 f5 _4 @
ctrl+shift+c快捷键
# P P: _9 d6 ~1 N- B/ }& C
4 O$ v( m1 h# ?2 W: l 隐藏的命令为display：none
3 V6 m A: q F X; x
7 B) J8 a$ m. Z$ G) Z/ \3 I5 ]; k
问题出现' o9 b" {7 { G# S3 j1 `
3 d/ j2 V: \( S5 A
$ _7 ~" [1 d% c: w& J, F! t. R$ V
8 E$ r! K. r5 w 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
, R& Z+ H8 ~- Z$ D但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作8 ~' b ~% f4 }6 |* o% K3 [0 Z' p
% _. S& f K( j! O
1 E! K! ?2 Z1 i/ {8 ?
, S, R3 W. Y! Q/ E6 N I" b6 _: @
我们先修改我们理想的样式先，我以修改颜色为例
$ Z$ e) W; s* }& k1 ]4 j; T6 [ m5 q
7 [( v. f( _( E3 B7 X
% l4 m, o+ u9 O+ l, t) m- p
第四步---尝试修改背景颜色$ T+ X/ W$ ] O0 O) Q3 x; _5 w
2 J7 @/ q& A) D5 D% h5 B" R: K8 R两个不同排版比较修改3 m0 E/ D2 [9 i# Y
* N+ `0 P% p9 o0 F1 y
! \1 v9 M- q+ k# h对于颜色的选择
/ Z* P2 s/ C1 k- h$ O8 |: Z2 S通过各大网页选择你喜好的颜色3 `5 O# R' x/ |4 A& a/ U6 g0 h
& G4 ?, C/ B3 I7 x7 {0 n7 \" \2 y5 s
4 X0 g7 c5 t8 q2 `大爷都读到这里了给一个咱呗，1米2米不嫌少，50，100米来着不拒~: k6 Y \) |' R
, L9 J" K7 P# e' O! e3 V# b
3 T7 P& j/ ^0 k$ @; H8 t' L
0 X1 I/ f0 R( x
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有帐号？免费注册
x
评分
-
19
查看全部评分
-
|
[复制链接]
发表于 2018-4-14 21:46:02
楼主
K大这回复也太官方了吧，活力一点的版本有没有
摸摸头 哈哈哈
