TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑
F6 H% ]% w# i& z. X6 Y3 X* z3 U+ i; Z" I
6 C4 c0 C& f" \4 k
% w" i1 l' g. N4 w! j: S' b本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法: R& O% x! s0 j% H
W$ L* j$ F" B2 Y! h8 E0 ]: }2 i
一千个读者心中有一千个哈姆雷特。) Z7 c! X7 n+ q8 i9 t6 `( L
每一个人对词典的布局都有自己的喜好。% ?. O' p- x! j" |8 J
在手机上的布局不一定在电脑上相同,反之依然。# q. ^/ b& O5 o5 q. u' M
论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。+ k# g- l: v* q: s; U; n
零基础大力丸教程,讲解不多全是图不跳步骤。5 r, ]" o+ Q' ~% c" z
}4 b) c/ h* }' j" r0 J' }7 o对下面问题,写出了自己的理解
2 U8 Q. L& ?: k1.有mdd,但是没有外置的css怎么办?
# q+ y) S! K' y+ s4 P- W2.没有mdd也没有css怎么办?
0 D2 J6 t& Y( z- k, K* i2 b3.为什么我在style里面改,但是css里面没有改呢?4 y. j8 h2 d! Q/ P! J7 P5 f
4.如何通过两个排版选择修改自己想要的?
* ~5 Q% K5 P; ]5.怎么选择一些颜色呢?+ d& n/ d5 x# _" M) [4 Q* r
- F# _% T/ m' f# H7 m7 X/ t
( ]* B; U1 J3 D4 v一 需要软件* e! q+ {7 W* B! l
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具. F' {9 r4 e0 a0 T8 q# J4 R
https://www.pdawiki.com/forum/thread-17709-1-1.html
6 M) e9 N# W2 N2.[MDXBuilder] MdxBuilder 3.0 Beta2( e, Z, s" t$ w. G) n7 Z1 [' Z
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
% I: Y* {- P2 g. o* }3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
! T$ w9 y5 s; V1 o3 Bhttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
9 X* @& ~5 K* C4.emeditor64 百度
- E5 G8 f: l% b# t$ r# z# X5.MDict0 v/ O; o2 [4 g" j* x( }( J! s
http://www.mdict.cn/wp/?lang=zh" c+ M) _8 F5 l
6.Google浏览器
4 h& X6 m: k g. X# Z/ D7.css相关手册 看附件 密码8529633 p1 U u t" t
( T2 G9 \. ~8 b) a. Q0 s5 O; j5 F+ m 二 步骤. e( Y0 C& S* L3 g& X
1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.
6 z: A/ @ q3 a! V: ](说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看+ h% f" f* d4 P3 E
2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看& M/ {, \( b; p% M. q; W
3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)% O( |# m) f- ?* h+ ?
6 W2 S3 s3 L, u }' R1 }) p1.第一步,我们需要得到css才可以修改: Y4 S5 i/ ~, \, [& L$ ~3 [
-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具6 }! h9 A: N: Y. W2 G( N4 @
1)有mdd,通常css是在里面的& Q' t+ k8 j# U5 g) K( Y$ H
2)没有mdd,那么css是写在mdx的txt里面的
6 o5 v% [' |; }4 v" U7 |) j" i, f 看图
* E3 L" _7 S% d7 b m) {+ k7 F5 J3 d
) }! }1 U% `: {/ O3 M! ? X, B8 ~% H Y2 U
回到文件夹,会看见多出一个文件夹在里面
# g( d, P7 v' m' U% X/ \: w J q& z3 s- w8 x9 H
这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)+ A5 j1 E) P; u$ U; [
" V- g; ^$ S# g" J. P/ ^: ~8 ? 说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/1 y& _- G( r, ~( f; a0 z7 D
5 V) p* B; s) g2 X y
( ^# g: P0 V/ q1 Z6 s' F" w d 使用emedtray打开txt,, {8 ]! X5 Q5 `! m# R
3 O! Z `& Z- q3 s& s9 ~, [4 O- _1 k
对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改- Q8 J* d, D/ [4 u" @' f/ K
* h2 j! Y) s- g% x2 m' e1 }
. E0 L( ]% ]% V1 `8 I% u! z/ D2.第二步
& H9 i4 B3 j8 s$ M1)提取词典中的单词html的表现形式
/ k( |4 B) _& L2 h* ~$ ^, S常用单词take,go,principle,for
- M; B. C1 g ~( B( E& {1 X2)打开mdict
; \( ] E% W: a) ?3)安装词库
; L# g" n2 O/ S4)提取源
7 N4 i; {3 G% \$ }! O% N6 j, K9 K7 m# X! b& y7 ]" l& s
: u- R G1 [9 H+ Y' n8 R
; s' W, H6 z, d* q4 g' N, E6 x2 F" M
3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器) M4 [6 Q. b$ U% m3 K
# t7 f! D$ {, J$ y7 p* d9 k* q
3 I: A' l5 D9 |- i; a
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具" _; w, d; o2 ~1 J* V
) ]5 Z4 G: A0 {( H
/ L6 \( t# O, e0 S注意:ff大的css有两个,这两个css分辨控制着不同的排版" k( T1 E9 a, r0 @# Z4 |2 q
我们一一的来使使( \/ L+ C# p6 w& Z" J7 p
我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/5 H) Z8 Y6 N$ k6 G
说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?
5 w @( p, z- c. o- b' H
# b. O# o) B: Z+ ^* Y
( J; j# u; K4 L! n- J3 a6 L; p' f2 X4 a( m, y, B
% ]* w5 c# ~ c; G
ctrl+shift+c快捷键
2 n. F& c: v( v5 t( T% h- e" R
隐藏的命令为display:none
- I& _( S1 y( }0 E( d) ?/ a4 C2 E: k: Z
' Y) m2 p. y0 I: S* Q+ E 问题出现
4 o4 f0 h$ ^0 n, T, a+ U0 c( V0 \* Y- Z/ X
$ t5 B4 O1 S0 R; V) E: m W6 @! B9 K6 w. G. o' P; [
可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
1 _5 v- i* I' N$ C' l但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作
; _5 H# i* w4 p# f
2 {3 m& s4 h1 ~0 Z
9 U4 O- [6 y2 B6 m3 @' Z: N7 j. [
! i& m+ W# G( }( [/ S' W 我们先修改我们理想的样式先,我以修改颜色为例
) H. @: M9 P9 v) g. Q0 Q6 U1 H
4 w7 Y7 i/ b$ n6 m9 e0 q' P* ~2 l5 k3 @5 j5 O* Q
7 M% G: j& ^5 r2 |% q1 F第四步---尝试修改背景颜色9 m) ]# }0 ?! t8 N7 W+ b
J8 K* r9 }, g* c两个不同排版比较修改
, g/ u. w; m y% ?' ^9 @, q
. @0 |: F ?( u) D! N1 Q( _2 I- l0 ]3 q. a2 ~' U
对于颜色的选择5 h! G! O3 ?. C' E+ u
通过各大网页选择你喜好的颜色8 K/ [ N @9 ]# R4 F2 y
7 p+ B' m: J* b
+ M( p/ h, }7 k0 l" ^' [( m
大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~
\1 y& ?# I& w. ^" J- W
& s4 ^: o; p" p8 R' ?( a8 G, V) O( [7 V, I4 d) m
* J& H, f {: w |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
20
查看全部评分
-
|