TA的每日心情 | 衰
2018-6-16 18:13 |
|---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑
0 K" w5 f$ D$ y7 i |1 Q' V8 Y# \. b' b1 @
% u# j% } L: H" q+ p
/ L- u2 O! t; }5 X本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法
( r* b( Z; }) ], J( B, {; @ d: S2 {$ y4 K7 n
一千个读者心中有一千个哈姆雷特。
; }( D0 }5 i6 \. J9 D4 h- {: x5 R6 {# L每一个人对词典的布局都有自己的喜好。
, o- }3 o: F# `# P J9 E+ ?在手机上的布局不一定在电脑上相同，反之依然。
1 Q6 \) }% D1 N3 T论坛上对css的修改最详细的讲解是咩妹纸的小白教程，咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法，但是有些步骤不怎么详细，今天发帖教程。
8 y# ^( g/ L" u+ N, y' ^! y4 a* ~零基础大力丸教程，讲解不多全是图不跳步骤。5 G* p f& [, ]( f) p2 m' [
. ^ _! P7 I" N; {# F1 W7 a
对下面问题，写出了自己的理解
3 s; o( M" p2 V9 Q+ Z% r1.有mdd，但是没有外置的css怎么办？- Z- h$ n! Q3 ]' ]/ X
2.没有mdd也没有css怎么办？
( ~( G8 B4 g0 Z' D- O2 k3.为什么我在style里面改，但是css里面没有改呢？; j2 x4 A. d" K# Z5 C
4.如何通过两个排版选择修改自己想要的？
& x4 I7 ?0 R; J" ~ ~5.怎么选择一些颜色呢？
3 ]; S3 T0 x6 A% r 4 U3 J8 F \- a" K# b" D+ L
) B ^# ^; ]2 F; V* w, }一 需要软件
6 I% ]) O8 d3 M/ _$ U+ D/ r( j1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具9 j3 |* ^! V: y% l% i; z; x9 Q3 A
https://www.pdawiki.com/forum/thread-17709-1-1.html0 w+ D% s% P' Y
2.[MDXBuilder] MdxBuilder 3.0 Beta25 g& T% \0 P% \% J, a
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747! G) o! m; Y: W
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
0 k3 Z+ Z: ~ r1 Ehttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
9 Q7 D4 a/ {+ c2 D4.emeditor64 百度
1 Z6 g) k. e8 J2 H ^2 T) Z8 p& v% R0 t5.MDict
6 T" ]7 p7 M2 [. N* G) G# hhttp://www.mdict.cn/wp/?lang=zh
( ~$ j& h: _& w" ?+ o2 [6.Google浏览器
% ?% [/ u3 |* w, e7.css相关手册 看附件 密码852963
: r% T, g* ^! l8 g- j2 `! X! R" R
二 步骤4 l. m9 b1 Q9 v. B" ~
1.选择我们想要修改的词典，今天选择最有代表性的lang5++，这本ff大的词典有两个js，两个css.
# \7 z9 l h* E3 o+ J（说明：1.每一词典几乎都有额外的css，都是这些css有一个或者是多个，这个不需要在意，我们一个个来看1 r0 i# ?! I% F1 Z/ Y+ n* b
2.我们中意的词典只有mdx，mdd没有看见css怎么办？继续看& V$ f+ f* O) D# d3 E
3.js是控制着展开的，以及动画，lang5++有心人会看见在点击小喇叭时候，小喇叭有阴影）
. C: G8 x2 B: d* R# c; n6 P
: N3 n( C7 n6 E6 \$ S1.第一步，我们需要得到css才可以修改
1 Q" V3 i/ q ?3 s" a6 r-说明：没有css怎么办，工具：MdxExport3.5-MDX与MDD资源导出小工具
) t! {' }: w9 b% y) C$ r+ a9 f/ r6 O5 m 1）有mdd，通常css是在里面的
" L+ N; o4 o4 ]0 n- W0 x 2）没有mdd，那么css是写在mdx的txt里面的8 l" J1 Z3 O) q0 O( T) w
看图* |' }$ a/ Z) S
" `4 l" a# g) x
# d; R! ~/ J4 ^
4 B5 \3 m+ e) \1 |# j/ w回到文件夹，会看见多出一个文件夹在里面
' {/ C: V C/ }% G. y' D
+ E0 {: Z1 L7 j2 ?这里面的就是css（记住这个文件名，到时候你修改后的css名字也是这个，要一致）
# j* o7 ?! W- f3 A " b6 L# g0 o! U$ y" T
说明一下2./没有mdd，那么css是写在mdx的txt里面的，下面我们看单单的mdx：英语词根词缀.mdx/- k0 G& f0 y2 H# d3 w
! o3 H7 u9 N; J! }
6 l9 y" K, N/ z 使用emedtray打开txt，2 o- Z- v/ v+ l% @! q' U: C
1 T' n! p& ^6 x" Y$ s! v: V7 w对应的是字体的颜色，可以通过/替换/这个功能实现局部的修改3 B1 x' i; H4 c: A$ T. o( C
2 a; ^ s( C) v
4 V) J7 F% v3 d6 h. Z
2.第二步5 V4 c" S5 @1 T! `
1）提取词典中的单词html的表现形式! e- j) \* _/ d0 L0 f8 Q" z
常用单词take，go，principle，for
/ s0 g9 s) `* D2）打开mdict
8 w4 L2 l2 _! A' Q* b3）安装词库& j0 ~9 `: Y. j4 p& S
4）提取源- C9 \' L( F3 P6 G
( V9 k2 l/ r; B% g' w, Y; }
$ O8 a: m1 U- V- Y& B/ Q
" R* F: r2 I! _6 ?! a
* ]0 h2 I2 _/ Q: ~% z$ o/ j$ I2 O. v3.第三步 打开Google浏览器，把刚刚提取的文件导入到狗狗浏览器+ h$ @# d5 Z% v2 V, p, j! m! i
+ R H7 ^" o7 g* y3 r8 A4 V: s6 B, D' H) O
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具! H4 d% W/ U. T+ L I! ~
; Q4 g4 ?: z1 ~/ w! A. o" w$ c8 ]
' N4 T/ D2 y0 \4 C) a注意：ff大的css有两个，这两个css分辨控制着不同的排版5 F$ e \8 e5 f$ g6 t m8 |
我们一一的来使使* M( o. i m+ u8 s( A; j" Y
我们先试试LM5style.css这个文件，拽入/白白嫩嫩的空白处/
" j/ k/ Q4 U4 | G! X 说明一下，lang5++的两个css控制的不一样，所以你单单导入LM5style.css这你只能看见部分的排版，尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版，那我们看看LM5style.css到底是控制的是什么呢？/ x P2 ?3 q2 z& r% G
9 }& i) U V; v
" e/ U2 u. g4 O/ C
- z& [; e$ O: F7 J
; s, L5 A$ f+ Y ctrl+shift+c快捷键& ]$ d% r5 T9 ^
+ h& U P- Q8 M# w# c, T+ j9 k l3 e
隐藏的命令为display：none
5 w" {$ g" X" ^8 |
- R7 d. `! ~: F% Z9 l9 @5 Y$ f/ L* O( w* s! a" Z- [3 [" W
问题出现- l2 `' o2 t, p: q
; M3 z$ d) [* |3 k k7 R! m9 j3 j! u8 s1 |# a
7 A {) y' |( } 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
+ R$ {' q' c/ X' p' i但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作2 Q7 N& l. L2 \1 c y9 X
) b2 }1 r( H: z" ~" V; ^5 C. J9 C8 ?( w5 m5 q' l+ B
" `% R' l) @: E0 S- d6 O
我们先修改我们理想的样式先，我以修改颜色为例" w7 m( u$ I" r# j1 Q2 J: w4 i
) x* Q1 l6 P. ^
$ ~% F, y3 y. ?
8 j; z% U) M. X, _+ R# Q9 Y) y
第四步---尝试修改背景颜色. [1 G. k" s: L/ n; \
6 L5 D7 _! J3 R$ _
两个不同排版比较修改
! d3 x1 Y; H! ^! s5 ]
* {1 s- q. ?& G1 t4 a8 P# {$ `5 F& x! P
对于颜色的选择
/ Q$ k* s5 S- I. l通过各大网页选择你喜好的颜色
" i7 p: d% M1 T4 N% x- f- L% t0 a6 C! q) q6 W9 B
) q3 |" W" h) m9 b! w n! ?1 o
大爷都读到这里了给一个咱呗，1米2米不嫌少，50，100米来着不拒~. Q% T$ N# q$ D% m5 S
5 t: C3 k' ~) e- c: Y# P
8 H# C6 f( B* ]; Z* k& v$ ?' H) E. r" T) }( I, y+ {) E2 G
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看，没有帐号？免费注册
x
评分
-
19
查看全部评分
-
|
[复制链接]
发表于 2018-4-14 21:46:02
楼主
K大这回复也太官方了吧，活力一点的版本有没有
摸摸头 哈哈哈
