TA的每日心情 | 衰
2018-6-16 18:13 |
|---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑 , A4 }* z( ]4 A# O- l( e6 C) w
( `% G) V/ Q! q, j- C! q% _) Z/ o. m! H2 e0 k+ n
]4 z7 j: E& K+ L* D* v; I本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法. p6 T+ A* ~* q+ l0 e; a1 r, f
, _, k+ G6 f5 A, f& X$ j- u
一千个读者心中有一千个哈姆雷特。: ?0 n/ S6 `7 c% j5 p& J/ f* k
每一个人对词典的布局都有自己的喜好。* G" _# Y; S/ p5 W8 r8 ?9 r. r, ?& c
在手机上的布局不一定在电脑上相同，反之依然。
; p- u6 N# c# ?" C+ _. M论坛上对css的修改最详细的讲解是咩妹纸的小白教程，咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法，但是有些步骤不怎么详细，今天发帖教程。
Y' p9 Y/ ~2 O+ N7 j% ?+ ], k零基础大力丸教程，讲解不多全是图不跳步骤。
4 {4 R0 |6 x/ B G1 G9 c8 X) Z7 ~! z" M9 J' L1 w& P* l
对下面问题，写出了自己的理解5 V( i. [3 v( ?! A
1.有mdd，但是没有外置的css怎么办？
+ \- v0 R4 p$ u+ b0 g1 z( r4 c2.没有mdd也没有css怎么办？
/ s6 N3 x. F$ b/ A3 ?3.为什么我在style里面改，但是css里面没有改呢？
9 M: n1 E7 }% k5 S8 A: X) l n8 q4.如何通过两个排版选择修改自己想要的？
4 E" q( q2 Y4 D! {8 `5.怎么选择一些颜色呢？
6 ]( Q( ]+ c+ Y) i " K2 W# L3 z8 T! n) D
6 t1 S# o+ J- n9 h一 需要软件
7 D! k$ Y9 Z% j7 d1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具
+ Z6 y# I( t5 _6 k1 [( Y8 `# g+ Ehttps://www.pdawiki.com/forum/thread-17709-1-1.html
3 A1 ^! h* g# E2 G, w2 N2.[MDXBuilder] MdxBuilder 3.0 Beta2
7 d4 W- Y/ L/ c2 xhttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
5 [) j* H2 y5 g; N3 U3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
! L+ ~0 j% ?+ q; r8 \https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
- c$ y' R4 G1 x% S4.emeditor64 百度! A" c" Z, s7 T
5.MDict# e7 W1 C& ^. W/ T: L% H
http://www.mdict.cn/wp/?lang=zh
* ]) v9 Q1 J# D9 i1 Q2 P6.Google浏览器7 k/ J; V# w7 C( b3 d0 U
7.css相关手册 看附件 密码852963
2 v8 ~" V- R0 A9 r, s8 f6 [
, H" K- x' j1 F- [$ ]) B; D 二 步骤
. E- m4 f; |- V( y1 c+ E9 m 1.选择我们想要修改的词典，今天选择最有代表性的lang5++，这本ff大的词典有两个js，两个css./ ^; R j$ h0 N: {
（说明：1.每一词典几乎都有额外的css，都是这些css有一个或者是多个，这个不需要在意，我们一个个来看
1 @6 e3 |% D5 i, v0 M7 J 2.我们中意的词典只有mdx，mdd没有看见css怎么办？继续看
: b' f/ N: g4 c; y: j 3.js是控制着展开的，以及动画，lang5++有心人会看见在点击小喇叭时候，小喇叭有阴影）
7 S! M+ Q; J7 e2 f1 ]
& }4 U7 i# I6 i% b' g& K2 O, M1.第一步，我们需要得到css才可以修改
( d8 p& w2 L: q/ x) S4 O7 S; o-说明：没有css怎么办，工具：MdxExport3.5-MDX与MDD资源导出小工具1 f2 }% m, r% g6 V3 z7 ?* @* c
1）有mdd，通常css是在里面的* X1 x; N% ^3 o0 q6 a
2）没有mdd，那么css是写在mdx的txt里面的
& W1 P. A5 }+ n6 e7 K9 s/ s( I 看图
) H6 ^( i7 J2 M9 Y- v5 ~7 I6 \* w- j, J
1 v" u# `9 J# X0 r
# F$ f- J8 P! z6 e( _. k' j8 l: I( c$ H回到文件夹，会看见多出一个文件夹在里面
- M* z n. C5 s8 x
4 j* X* j) m* Q) s( U% e0 [" r) U这里面的就是css（记住这个文件名，到时候你修改后的css名字也是这个，要一致）* x1 X; a- E. g: J% @' u7 g* \' d$ w
( l& m$ x! b2 ~6 q1 j 说明一下2./没有mdd，那么css是写在mdx的txt里面的，下面我们看单单的mdx：英语词根词缀.mdx/
7 ?+ ^" h7 _2 H- y; ~2 W5 z5 t3 `0 O8 v0 X
" f' y- \7 G% x; y7 X3 N
使用emedtray打开txt，
, ~4 p+ l& ^+ \. [8 L0 j) T) D: W' Z9 U' ~1 o/ ?* ?! b
对应的是字体的颜色，可以通过/替换/这个功能实现局部的修改
! |% S O- E8 a* I, Q* j F: I% y( h6 z, Q1 h) G- q5 l
( W* r/ |: {8 d- K& b: G, K
2.第二步
3 R2 p7 j D1 \6 k. m2 Z z/ z1）提取词典中的单词html的表现形式
) j" y) V0 _' ^" j! d常用单词take，go，principle，for
( q4 v5 b$ O& P! k0 W7 k2）打开mdict
% M. y: Z! r% U) O3）安装词库- T8 ?! U0 f9 D
4）提取源
% c9 k# Y, f# E: v T7 x; b, `, R, D+ B7 D9 _5 s4 x
: R. {4 R& s! e7 \2 G( H7 n V
6 j- y, `3 I# L0 C
2 |- i; s1 N! X: S3.第三步 打开Google浏览器，把刚刚提取的文件导入到狗狗浏览器' Q* G4 u) E. \* @
& t) k+ J7 R7 R* p# l
3 p. s; X7 d" S
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
2 d9 ?6 `- w5 B
2 e, k( v6 C1 n" D+ X: I* g9 ~! s m5 r" q/ Z' P" e7 d* y2 S' x- A
注意：ff大的css有两个，这两个css分辨控制着不同的排版/ Z* v |2 ^: a9 V
我们一一的来使使% _* p3 w: i# T. b" }% e5 ]( x" J. [
我们先试试LM5style.css这个文件，拽入/白白嫩嫩的空白处/
1 ?" I1 p. `( R% x0 k 说明一下，lang5++的两个css控制的不一样，所以你单单导入LM5style.css这你只能看见部分的排版，尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版，那我们看看LM5style.css到底是控制的是什么呢？
- D- Q0 |; J6 ~+ W 6 l% I+ [5 H. ~6 K2 i) t3 \
4 s3 ~# g6 C: R: H8 ]7 j' r& D5 w
0 B$ f. ?" }% f1 L, Z) J% V) o1 `
& f7 q, h; S9 H, N' t z ctrl+shift+c快捷键
6 d$ l, G5 _" j1 j( w
4 }7 d. y8 w1 q3 s) N7 K7 p 隐藏的命令为display：none+ `! x1 c& @$ [# `
, g: b2 o2 G4 h' E2 \
" @/ x4 Z7 [" M* |, B) q
问题出现5 M& {3 S, g0 w3 ?) `
: G& D: \6 s8 ]: o. p5 X
% o$ ?7 ?% }* J4 ]
8 M9 g+ k8 m X: |, G2 q
可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"2 z/ a3 s! D u8 _: ?
但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作
% T* ]. d6 h: D( P2 C0 T, {5 }; b+ n3 t# p
, n7 L) a* u- Q5 P. j( e3 {
1 e6 i2 w+ n% X8 y4 g/ y
我们先修改我们理想的样式先，我以修改颜色为例* ]4 a$ i# y$ |- h7 ]$ ~
/ Y7 Z$ h8 h9 [3 f7 B4 ~) U- M( X3 A: a, t
3 n+ ^ }3 p- T5 O" m, y3 I
第四步---尝试修改背景颜色
; d& @# a1 K6 i. J2 m7 d& j
6 O$ N% S4 j# W* [3 c两个不同排版比较修改2 G o5 D b( r) }7 Z f4 h
; U& A# `# p2 g+ w/ N; c! t# v" S
* B) {" ]9 p! l7 k对于颜色的选择
$ d* R9 m2 \. ]3 `# q, v l通过各大网页选择你喜好的颜色
9 z9 S# T9 ^3 p4 n, N5 ~8 r( E
! e/ M% n( m' R7 x+ y) ^1 T# C& U" E; c3 x
大爷都读到这里了给一个咱呗，1米2米不嫌少，50，100米来着不拒~/ ]2 E4 P3 ?& c! g" r5 i' E; o
" N- D0 L; a1 P6 ^6 W
: T+ c0 n" o+ S/ C, L
4 F9 ]2 B! _7 M. Q2 m: P |
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有账号？免费注册
x
评分
-
20
查看全部评分
-
|
[复制链接]
发表于 2018-4-14 21:46:02
楼主
发表于 2018-4-15 16:27:42
K大这回复也太官方了吧，活力一点的版本有没有
摸摸头 哈哈哈
