TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑
9 H' L. V- r _5 W; s n2 w9 ]( s V9 B* \
5 U, T# e! Y5 ^. a2 A
2 A- i4 G9 ~2 Y0 B2 Y, h {本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法( I3 y7 A4 h& H) ?
. a% @# m- ?# g3 K一千个读者心中有一千个哈姆雷特。1 t' e0 B' h( J9 v0 S: q! ?
每一个人对词典的布局都有自己的喜好。, j" Z, W6 W* P0 Q: c; {
在手机上的布局不一定在电脑上相同,反之依然。
7 {% n( L v6 c+ D论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。9 u9 a* x4 {5 G, G
零基础大力丸教程,讲解不多全是图不跳步骤。
: l, b- L8 Q& l1 T9 f
1 G. u1 d" k( r. B对下面问题,写出了自己的理解# Q$ n3 k5 N5 f" u, w/ Y; W1 Z
1.有mdd,但是没有外置的css怎么办?
+ i! Z. |$ j* { K6 m# Z2.没有mdd也没有css怎么办?* P0 Z0 T$ B, v1 @7 D. j3 j/ p6 W
3.为什么我在style里面改,但是css里面没有改呢?6 i/ ?6 {6 K' Z5 r+ r: I
4.如何通过两个排版选择修改自己想要的?( F2 J v0 |: S' Z: |! `; Q
5.怎么选择一些颜色呢?
3 S; `: b4 G; }9 D1 |+ w
7 V5 g& }, T/ G( g
' ^2 z4 m+ \# Q. K* f0 ]一 需要软件' N6 f( ~' U" S. ~8 L" o
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具$ K% P3 ]. s! n' ^
https://www.pdawiki.com/forum/thread-17709-1-1.html
" M' [9 D1 X3 O: z+ b2.[MDXBuilder] MdxBuilder 3.0 Beta2# s2 M) O2 D8 g" X- }7 A& A
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
: v* F' ~% f, F! ]7 _, J3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
& Y7 o( I3 H9 w* N xhttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747( A# N0 `% g& ~* j T$ D& d
4.emeditor64 百度9 k2 k" J3 q' V5 o- r3 k
5.MDict9 |3 @! V- L: H$ a- b* b9 d
http://www.mdict.cn/wp/?lang=zh+ x! e' N3 {' |* q& Q c, \4 I
6.Google浏览器7 d) @' s$ {0 |1 ?0 C+ ]
7.css相关手册 看附件 密码8529633 n$ b: G/ I! S- R
" O6 C: S1 ]) c! @! j+ _5 F 二 步骤: R+ s8 ~/ g2 A1 j
1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.
' h& u6 ]3 R: Q2 n(说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看. n1 W/ O$ X; Y6 s$ y
2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看0 E0 j2 Z& B( y* P9 {
3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)
" l; }* M' E* Y3 _/ o' h. k" ~ 9 n" k* R' D2 q8 W3 p, j- B1 m" p1 h
1.第一步,我们需要得到css才可以修改5 V5 B1 q" a! F" n' m; K% \: I& r
-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具, T! p2 c+ X+ _& d0 O
1)有mdd,通常css是在里面的
1 O2 w! z8 V" ~" |. q% V, Y7 B7 I) W 2)没有mdd,那么css是写在mdx的txt里面的
* s1 L. ?& L- n6 K: \0 J0 H h 看图
) y0 m; J' t% X6 c: X) P4 L( X; _
( D/ q% m6 m7 H0 x& L0 K7 a0 R" N4 N# Z6 J& S9 |- P. _
回到文件夹,会看见多出一个文件夹在里面
4 _, P8 f: s: d, A1 Y, Z
( b* z! l' j& a这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)( K' I' H; }" m3 [
E2 N- L2 i- `# R" e& T! }
说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/
4 B% f( x! c6 O7 b1 J9 X" B
/ |' A* m; {$ A6 o% H2 P
( x1 D( @1 k" l+ y5 _- L/ s3 i 使用emedtray打开txt,
; \2 P+ [9 w K& \
9 I# }! {- P+ Q4 O$ D对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改5 y# p! A( t" L1 a1 L
6 S0 L$ n9 M# n; Z( k0 z; I
, x6 [; v% n8 N0 Z2.第二步0 h- U+ c7 k* m/ L7 |
1)提取词典中的单词html的表现形式) \. N) f8 C0 u& c' @' b
常用单词take,go,principle,for
B6 j6 m" w u- u/ R2)打开mdict( r; E6 s; I4 t, H; Z
3)安装词库4 |$ H+ i" L- Y7 i* c2 C
4)提取源
* q0 U- t0 ^1 x
# S: w3 G: }" U* J: R" X. `' K5 I! ^1 [& y, g+ t n- f/ A K
/ }/ x* q5 F+ m6 g9 m! _# m4 ^
" b0 [0 s6 X* D6 P
3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器8 a9 o# a% w# O* Q- S, x+ d
+ O1 T# s* x9 ~+ o& b4 p
& Z# o4 ~1 K0 v: \$ a按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
9 j1 c; q9 v# ?8 H! r/ C3 `# T4 c* w8 w
+ b, M* m9 h3 m9 C3 j7 \$ W注意:ff大的css有两个,这两个css分辨控制着不同的排版
* A( m$ {$ x N我们一一的来使使7 c0 v9 L- Q' w7 ]! c
我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/
2 s' D* t4 j9 R/ x, Z) I H9 M: G 说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?8 A8 w4 n" \; G3 l( D
/ |# x: ~; s% m, Z0 B5 t/ E' f9 b4 `. Z- W! K* S# _" k
9 B* d2 M+ Y+ n* t6 _4 o/ B2 F( G- J- s5 M C
ctrl+shift+c快捷键
4 q* V( j% z0 o5 o6 c3 b! X1 ]4 {0 v/ E) _" e9 }" F# q9 J
隐藏的命令为display:none% \5 V) z5 D$ A' W1 _: e
b) u. ^' h3 i+ J+ ]2 J5 S" c _2 ]1 Y% N! Z/ W8 C) @
问题出现$ f( `* H& M: B6 G3 [, W+ j
& e' w: O4 }3 N% X- R) f
9 f5 Q; t+ l- M3 \9 ^9 Q5 S3 G
$ j- H( F+ u( {; t G- N- u9 O 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
5 z+ O2 U! u- S8 e但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作$ j5 G1 w4 ~! U8 J
( M$ K- r. _ A& A0 T& Z8 a2 ?- h9 \3 `( Z" p9 y
* R: M$ f3 ]2 ^3 R 我们先修改我们理想的样式先,我以修改颜色为例. ^* u! N& d6 g! w8 z
; a% I( Z8 |' W; r
! i% V. ?9 _% Z
6 S( [( C- e# {2 p5 U第四步---尝试修改背景颜色
/ V4 b7 U0 j2 ?$ Q
* T& E- h8 a( n: Q; {+ R两个不同排版比较修改
v' m- R& s# N+ a0 k6 U5 F1 e) d) N+ e
: i4 X- ~& @# K3 q4 ?对于颜色的选择) {) H5 @9 _ \$ _4 g
通过各大网页选择你喜好的颜色3 x0 O9 Y! W( Z
# v5 v$ B4 C; ]% P
+ N8 R5 |) j: P" q# g大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~! P/ o' }8 k: U, v7 ~" c1 O9 A
) d& D+ B7 U) K# p% ]3 o7 a; L6 D- l' b T: f: A( ^7 B- `
2 @# z% A& ^: [2 M! B: y7 ?, w n% y |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
20
查看全部评分
-
|