TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑
" r- Q8 ~; n8 q' H( k1 A5 |
. C' |& K( q& H) @+ p! B) w6 K, Y' i n
, x$ R! U, A9 k+ D9 V: x) ^" p本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法 ~+ |% d0 ]5 k4 C# ]
: n; o& [: N- u/ m7 ^
一千个读者心中有一千个哈姆雷特。- C& A8 r6 h x, y( n" `4 _% ^
每一个人对词典的布局都有自己的喜好。
8 [, k' X# ]% t, j9 A4 E5 @在手机上的布局不一定在电脑上相同,反之依然。& q9 o) j+ k+ Y
论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。
* z; [% g3 R. p& l! s, n' R零基础大力丸教程,讲解不多全是图不跳步骤。6 Z6 _$ t" b0 G* y1 `
, O- I. h" f, i( K! R对下面问题,写出了自己的理解, S9 E$ `/ E% H
1.有mdd,但是没有外置的css怎么办?1 a& \! v3 n; I5 c) k/ L/ C
2.没有mdd也没有css怎么办?; R z9 z( \, t* c
3.为什么我在style里面改,但是css里面没有改呢?
, v3 }3 ?) Z+ [. I& P8 Z& R8 m1 Q4.如何通过两个排版选择修改自己想要的?
3 |( G1 n+ o, F) X( q5.怎么选择一些颜色呢?: i2 [9 R8 A: s
9 ?; |7 O7 K/ O9 F0 S7 x
! x8 |! I" _0 Y- e/ k一 需要软件/ j4 q. }8 C$ R9 K+ r7 L* R
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具
% J2 {, m! w( ^% m' mhttps://www.pdawiki.com/forum/thread-17709-1-1.html' k1 w* l& `3 z: M
2.[MDXBuilder] MdxBuilder 3.0 Beta2. ~ Y' m: L' E4 i( I
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747( _1 o: t+ V7 d2 U* k( m9 p: n- [+ `$ \
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
, {( a0 r/ C. O. H$ Z$ ~) _: \https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747* F. g& F4 _! t+ U% d( L* V1 |% v
4.emeditor64 百度) u! ?* b0 @$ n# e' o
5.MDict/ y2 [) }: o0 I
http://www.mdict.cn/wp/?lang=zh
$ E& t$ }" K+ A# S* Y6 n6.Google浏览器6 m. S& j' O D% \7 |4 E2 Y0 C) Y
7.css相关手册 看附件 密码852963' Y) [' k( I" R% W+ b3 } \: b
( h: O2 v' n9 P, x: R! | 二 步骤' O4 N% Z$ w! I+ [ ?9 c1 y
1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.7 y% i- _) Q' d
(说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看
* `- o7 S2 C" w5 \3 U! f: ] 2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看
2 l0 ]. s7 v5 o- e 3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)
! ?7 _: y' G0 ?% G
: W* M; ^4 Q8 h3 h; I# b/ ] n; D% o1.第一步,我们需要得到css才可以修改/ E7 ?* Q7 Z6 X$ \! l+ p
-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具
' [( i* A/ V9 z+ c 1)有mdd,通常css是在里面的
* ?- r- Y' q& g- r( x* P1 o2 o 2)没有mdd,那么css是写在mdx的txt里面的
: [; t' C! P& i) W& t 看图
' S) _0 M2 c/ V
' o: q- Y3 D" f8 d: a1 F4 h+ h6 \3 u, L
- }+ z7 d( F* l2 ^2 T4 p5 O
回到文件夹,会看见多出一个文件夹在里面 R" T4 C; Y s1 _( t$ X4 ^, s- i
, v* Q- m3 e5 J5 x1 w; W这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)$ }5 r3 f6 @; P
e: u) j8 C' _' C# r+ n6 S, _9 N
说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/. K; Y4 {7 E( m( w5 _- l1 a+ f
$ I" F4 j% h9 `% I5 {' j" S5 m, h! {4 N0 a
使用emedtray打开txt,7 ~& a S/ n2 B) P4 k. @
6 {' s+ `8 E$ y% q% z
对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改
* H& `* |+ P' o/ [; |
4 Y4 b x6 |7 c; G
/ i5 z( Z9 g) ~7 h* e" f2.第二步- R$ r* A/ }# c& r- b) n$ ]
1)提取词典中的单词html的表现形式
/ T, C, w" ~' l- q: @! N常用单词take,go,principle,for
$ L' F! D* K( m; @# i2)打开mdict! Q9 R9 q. O9 D, S) U$ Y
3)安装词库
" j! F& [: {% l7 \5 Y) u4)提取源: ]5 |! F6 c4 y9 d! K
2 u9 ]; U6 S" c: m
" Y6 g/ r. K( f% z( w) f0 R& w
5 L2 T: ]0 q, e* [/ Z) h- n$ m4 p$ x' J- S7 t6 ]! Q$ _
3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器; Z' ^& {7 L% F x" |# K1 q5 p5 `
3 ?8 k& }- I g& ]
+ _! w, |4 R$ U! x0 p; w
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
- R3 h4 T6 o/ ^7 m
0 e5 O8 O4 |/ ^5 ^3 u# o. |9 g: S" k9 o) Z% ]$ {9 o2 u: g
注意:ff大的css有两个,这两个css分辨控制着不同的排版
& }2 h; f8 T" K3 E$ o5 m) @" |我们一一的来使使
2 e9 b! c& w6 S我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/" E! u; ~! C2 h( B2 M3 c
说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?
+ Q4 R q9 G/ i4 S3 T - j( F& r% ~ C, l, y; {
( \/ D8 ?* A4 w+ j! \* X4 b1 Z" H/ w# B# r" F( e9 j7 {
! A6 V/ d% A% L1 z+ i, ~: ]5 t ctrl+shift+c快捷键1 G5 z4 P/ r! W9 e: q
( j0 T P4 {# n 隐藏的命令为display:none
' V4 B* x6 ^+ S! Y; ?2 h
1 h3 t% H* C; @0 z9 O' _, y# |$ K) h% n# ~6 O
问题出现
9 v$ Y( X/ @/ t+ I0 o
- r6 h/ [* K& k. d; ~; Z) e2 J8 j1 x
) j1 p$ X, A# ?6 _0 j% s
可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings": {/ i! [$ L/ |: E3 K: u
但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作
0 ]# l3 I6 `* W, I6 V% Y: F$ v+ D/ h- m3 P0 P5 N, G
, t2 U) i7 Q6 }' r+ J1 q! @1 \: s2 M4 T) R( e( \. ?) h0 ]
我们先修改我们理想的样式先,我以修改颜色为例
9 D0 G4 q# ^0 g9 ^) P+ G( F
! c f" H8 Z" W# {: w0 b' P9 v+ Y7 e* m1 o6 {# Q
) w) b. s, y3 B& D$ }2 X/ q) G; q
第四步---尝试修改背景颜色
( y- i7 _2 |! |5 r/ J6 @
# V. `# U' b V8 b( s两个不同排版比较修改8 B7 f6 } M" C0 g* g' {
* K5 Y+ q r6 R/ T2 ~6 ]
* D; v* Q3 F b1 w$ B- G对于颜色的选择+ ~4 p- f4 Y; Q; s9 k# l( }
通过各大网页选择你喜好的颜色6 R6 s) Z& J$ u& W3 _
1 z5 k3 }3 n6 a' ~+ u" H( B4 `3 ? h# w* q/ ]( d- F
大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~
/ v( m' Q, {" G& ?8 E+ T l
9 M5 `, i- R+ y6 k7 r: D8 p3 i
1 m/ ~/ E# i% _( j0 c
& |- W: E6 l; x( B |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
20
查看全部评分
-
|