TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑 ( N+ Z- U3 s6 [! Y( h D
0 V: q5 W7 w) o
' Y/ {7 Q7 _, w. E1 `5 ^! V% ]
8 w% R0 ?" z5 w
本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法2 U D& ~$ x$ X: n1 y% [9 N% E+ z
. m; p6 W2 h2 x' S一千个读者心中有一千个哈姆雷特。" U7 d6 v# A U& t. T: ~1 N
每一个人对词典的布局都有自己的喜好。
, w w1 a) R$ K- u在手机上的布局不一定在电脑上相同,反之依然。) \) W. p& [' `) O
论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。0 A3 b2 V q; }& Z8 n9 Y% @2 x
零基础大力丸教程,讲解不多全是图不跳步骤。
7 ~+ x) `9 r7 @ L% F7 a) E& v1 E0 o1 D8 w S( H
对下面问题,写出了自己的理解0 U. Q0 q7 K9 q- W. k( F' @/ E9 ^
1.有mdd,但是没有外置的css怎么办?
f9 N. c0 s2 B) t8 v2.没有mdd也没有css怎么办?
( q3 b5 U m1 a# M& z# |. @6 P8 }* [3.为什么我在style里面改,但是css里面没有改呢?4 s3 u9 C4 b: ~5 r( ?8 J/ d
4.如何通过两个排版选择修改自己想要的?( ^3 H# f: K4 p6 o$ }( u
5.怎么选择一些颜色呢?0 _5 z: N" l* |) C5 [
# u C; x" y& u2 x& j+ H R
. d5 t1 t" W, m- T( [: J0 S
一 需要软件
9 ]" d% a$ K9 F( ?1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具' z, w; y" O' O* p. g5 ^1 R
https://www.pdawiki.com/forum/thread-17709-1-1.html
% A! L# S* W ]* E2.[MDXBuilder] MdxBuilder 3.0 Beta2
6 u0 y0 {' y/ B N5 v8 b: g8 @2 y5 j; ahttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747/ ?# q! L+ E" i k# Y! e
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
2 V$ b: s/ }! ^- Q" yhttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
3 [6 O9 ~0 |2 |7 n7 f2 Q) a2 ]4.emeditor64 百度6 c% e8 e5 B" f7 [+ F' n1 ]
5.MDict1 [, F3 O' l, F/ v
http://www.mdict.cn/wp/?lang=zh
1 v" ~7 a- u" z6.Google浏览器
% i6 X) }. C. @$ }7.css相关手册 看附件 密码852963/ M* h k7 [' m! I. h
; R3 d3 \# h2 ~1 G 二 步骤! E4 g E4 }4 l! p7 G" W: }0 J5 a3 h
1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.
- x# n' k% S2 Q! E0 ^(说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看
1 j1 @! L! R# r% j- p! i6 c 2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看
) y* h& i- `$ \ 3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)$ @4 G* r& \) \) \
' O, f7 Y2 N' E6 ]9 o2 c$ W4 r
1.第一步,我们需要得到css才可以修改
4 H5 f5 J7 C* m# z-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具
% w- I" M' L; |3 y* u 1)有mdd,通常css是在里面的- G; f' t2 E0 S0 `+ v; I2 Q* \6 y
2)没有mdd,那么css是写在mdx的txt里面的
2 k }0 c8 ^8 V- o 看图
8 B; N5 y2 D3 { S
$ x) m5 s6 v& `% ?/ a& d7 v8 w8 O" T8 b
- ]! p) U1 X) |/ ~% R" P回到文件夹,会看见多出一个文件夹在里面5 z1 b2 U" W% {
! _% \% t: r& F7 p这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)
+ p! | q' \9 S * p; }5 d$ q t# H
说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/
: Y `" a/ M4 s$ I7 C
8 L; w+ b: n, q8 R! S1 E, A( b. d5 ?* |( i* ~6 k! @
使用emedtray打开txt,
4 d( U- F4 C# z. S/ E2 \/ f0 }# w
+ s( Q0 h! _* g3 N( m对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改 x5 ?3 J: s$ h
y# i' b- h3 W* I
/ F! g9 [% m* x5 u2 ~2.第二步5 s! W3 v& O- y
1)提取词典中的单词html的表现形式
7 h4 X5 r& c H8 u5 M2 l0 g. x C常用单词take,go,principle,for' c m; X* u0 Y* a/ g" x( R
2)打开mdict8 H4 q8 x2 b4 c
3)安装词库
5 b, M+ |4 j. Q7 j4)提取源
( m6 N+ ^4 ?, c. N# k
3 K3 q# W9 @5 i1 T, u4 D
% z+ j5 Z; ~6 I4 `' q! j3 p! X( ~* ?* f8 S& x4 Z8 J4 j+ i0 X6 R. q
+ }* H) q: c$ D3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器
: t$ h/ N- Y" a2 o! I4 d
L; L- N0 u8 J0 ]3 W7 ^3 p( D$ @) Q! q/ D7 C+ ~3 r" h
按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
, |5 j, I- G% Q5 [) m; [$ K8 n8 x$ q0 m. Q- \- w4 {
* N! m$ R' N2 q: N0 h8 [注意:ff大的css有两个,这两个css分辨控制着不同的排版
7 u) a, ?% _: x/ L3 ]& t1 ~, _我们一一的来使使
3 K, |8 c7 b- |2 \; c/ X3 F- P* i我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/3 B% O1 w- ]6 P, o9 c- @
说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?
" R; |9 g+ Q3 r, ?3 p& y
- Z# y$ q. y6 ^1 R; S) X) Q6 i+ ~: w4 P0 b" P- f' e5 p
8 R! S7 O d' H* q9 w( W0 i. i4 u8 N; r3 b$ W
ctrl+shift+c快捷键5 j. |7 X4 H7 b7 I0 [; J
/ O7 }* ~3 S2 }4 |
隐藏的命令为display:none" b4 D3 d. {, }& k
& O" J6 `! P$ z1 f
6 p0 o ^; p: h9 e* ]: h; C 问题出现8 t4 K N7 U" ?) b) B
! F! c* }9 R! D1 p
1 ^! c) F+ C+ y: C2 J) t3 o& i0 I) t
: g$ ~! m- \1 u5 @" Y% S 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
3 t1 F3 q L: e但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作" O! W: A% y7 U4 G. J, x5 d6 K8 }
6 I3 C- O1 M# [
, ^; N1 ?% j: |' f$ C* y7 x8 M6 g/ s2 `" E4 p$ {9 ]" L
我们先修改我们理想的样式先,我以修改颜色为例1 { B, i) n" O
C" W* k& b- m' P1 R" A) d1 `- h$ o: i3 s# y5 ~% w, | F
" j& i% K6 n! T9 G% u I/ H第四步---尝试修改背景颜色
5 F3 S: w2 E8 M6 E8 ]/ g# q8 E9 E
# K* U8 E& I, n: n# p |5 i9 s两个不同排版比较修改1 } t1 U( Q5 }( ?5 \: T
" d3 G& { ~4 c1 ~; {2 R! l) e
1 ?: h4 y7 `, o& W o对于颜色的选择, s+ W( w9 d% Z' r. s
通过各大网页选择你喜好的颜色' y$ v, Q) C2 q: G) Z3 q
; K+ r$ z: c/ p# I
, O+ M o* I R7 e7 H+ }/ K大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~8 _: s- ]- |1 m3 w
8 l' a/ Q$ A! _; Z0 t8 c
1 \" ?4 K# Y5 G2 y" o7 C
. s u" ]: s$ R; [
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?免费注册
x
评分
-
19
查看全部评分
-
|