TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑 1 U- Y# ?) A' v
- @0 Z( G. U5 E) F! |+ p
/ `% F% c* ~5 z7 f% R
4 w4 l9 A7 r6 P, `1 g本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法% x( f& n1 {4 o
% _, m/ r$ p! E( |) `% d
一千个读者心中有一千个哈姆雷特。
& N+ D# Q5 d$ V* i5 i! J" @/ n每一个人对词典的布局都有自己的喜好。: P3 V( R# C( h, `7 |
在手机上的布局不一定在电脑上相同,反之依然。+ r/ l0 n2 R4 E+ p
论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。
$ L6 B2 D5 G. a6 o4 V! c6 @, M零基础大力丸教程,讲解不多全是图不跳步骤。
! ]; @3 K! a1 f0 c0 h' S
9 m! Q1 h! m( ?对下面问题,写出了自己的理解: q8 B c& a' {, ^9 }' d
1.有mdd,但是没有外置的css怎么办?
) M6 l3 q5 H! C% Z8 Z% P8 T1 j- B2.没有mdd也没有css怎么办?% S' J2 Q& a b2 Z6 S& B
3.为什么我在style里面改,但是css里面没有改呢?
& [( Q1 v. H1 P. k' j6 [4.如何通过两个排版选择修改自己想要的?: x9 i4 M) D# o
5.怎么选择一些颜色呢? G2 ` u8 N2 i% Z: t1 V
, O0 ]* e3 ]( C, o3 v1 P6 k
3 C+ r- i% [8 R9 q, v. e
一 需要软件0 N8 n" ? @! b0 O
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具
/ U! Y( W( T: S( [5 }https://www.pdawiki.com/forum/thread-17709-1-1.html
3 L6 }: n5 Z# S! p/ D& R" `( `6 g7 ~2.[MDXBuilder] MdxBuilder 3.0 Beta2
. E. _! d4 ? ^1 o8 ^4 ghttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=37477 S- @8 y$ c$ J! u6 K9 X, G
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具" ^: Y/ Z& W/ a: K
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747& L7 X; I) \! |# _6 K
4.emeditor64 百度* |% `4 ]2 |# Q7 _% R2 m. d: W
5.MDict
9 f5 _. l! v8 ]- d9 B3 D: b8 i J6 phttp://www.mdict.cn/wp/?lang=zh* O7 d& }9 w' Z9 y
6.Google浏览器
/ C5 ]3 N$ s# J; w6 [) C8 b# |$ W7.css相关手册 看附件 密码852963
% v1 D2 l$ w$ i3 ^% X
! C) @ E# [- p/ t+ \* g0 ] 二 步骤0 O, b! g! M' Y9 S( Z% z: @
1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.* G# ]6 v1 l% X6 N( Z
(说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看
. S( _/ v% p/ V/ o$ d2 \1 c 2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看
F. ^0 h5 A! s3 a1 O. {. C3 t 3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)
) f9 r0 ~5 }% U- |/ H) [/ I t/ c& C' i% H3 l
1.第一步,我们需要得到css才可以修改
: l) F2 _! K# a: s `-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具
7 O3 ~5 V/ y! K" W( q9 g* Q 1)有mdd,通常css是在里面的
. Y: X* ~/ `3 N) ~" J" g3 o 2)没有mdd,那么css是写在mdx的txt里面的5 M1 m' N+ {8 \% {3 t4 t& ]
看图. c: U0 w- @) ?$ L: O/ M
+ M) v: j$ S, }2 N+ W# {& s5 m5 S
. F; O# ]2 B& J R3 D$ H回到文件夹,会看见多出一个文件夹在里面 o& `( \& A8 F5 `7 b
5 Z( E* U* m4 h9 g6 f0 ~7 S
这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)
$ i6 ]- j& @+ c( b6 P1 Y
: J; h+ n- }- @6 t a 说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/1 j) ~! w2 C" u* F# e& p
$ L5 R9 b- u! }' H$ H
( K- C+ C6 B2 w' l; Z O9 } 使用emedtray打开txt,
' n u, a9 f% w; j L1 V$ e9 o3 U4 _/ [5 V. W4 ~( d( u
对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改. D1 F( g0 [" \0 \
4 I' t @# s/ G2 q! h, {* n
' y `. R1 e- R, C2 T
2.第二步- y) b( Y: r! C; ?$ f4 S
1)提取词典中的单词html的表现形式
" v1 n% q& d, ^. q l" V常用单词take,go,principle,for
; P- Y( _+ R. s6 S2)打开mdict/ O$ J8 N! X. c6 b) G- z3 J% l8 C
3)安装词库
: W: R7 l* N" N: ~4)提取源 V3 p. [( d5 o5 `3 G
/ b, Z5 {4 p- r! ]) ^/ M
- {) s% k+ V. t2 N' M. _" n: V
( O; j4 ]0 Y; T7 ]1 C/ }
) F. a6 Q& \4 a) s8 Q3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器0 ]( R1 s1 s$ u! A/ X' q2 |
; c* B& w+ ]' e) i s' X8 X) P
2 O x6 l) {- k G$ g: n按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具
6 a$ _* _ u' U9 [4 |0 m0 j9 u% j# y3 S4 i9 z# w
/ U+ t* d0 b& E7 c( U5 Y注意:ff大的css有两个,这两个css分辨控制着不同的排版2 Z! @# K: M/ Y5 a! ?
我们一一的来使使1 r4 d d) Z1 q5 E
我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/- `% U6 h, b! i, s' D1 M
说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?
5 p$ O" n5 T$ I- p
8 l/ k ]" e. ]' e
2 @4 L) F, ^2 \
# F7 w, y9 z$ a9 v( _3 v5 F
6 D: e8 z. }6 T9 H0 A r! x ctrl+shift+c快捷键! ?1 D6 E) _! ]
) q$ v. r( o4 V6 M0 S9 G
隐藏的命令为display:none
3 j# M' s4 z$ ]# e2 A8 n
' C: g4 R0 b \/ i" m" b& x
' ~* M# y/ A3 e% T+ d 问题出现4 _* Y9 f! i. J w" s
0 L* U/ A' d* q! K4 M2 v
& |, L' p8 f/ c& m3 f1 S; x
Y3 P4 K7 ?% h# l* q 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"; W, b: a- X4 m5 ]$ _+ T4 y
但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作# p. s) {# m. X4 M& e* j
8 Y9 y$ X9 \1 [) A P! b
; D# `' d9 R7 ^/ b1 n* O7 D
2 l+ r4 m, n+ U+ O" ^ 我们先修改我们理想的样式先,我以修改颜色为例
: B2 o" `5 F4 Z/ w: ?
1 ]1 ?+ V* c- m; l. {( O) W2 a8 @+ J
" C0 B( n/ q/ K& k5 b
第四步---尝试修改背景颜色) z1 k/ D) k1 j$ E
' N( F2 E1 U, j1 }两个不同排版比较修改, I6 ^5 m, ?0 [: n. b+ r' }
8 B/ ?$ K3 y9 @3 y
8 N: [0 a( v) m' u
对于颜色的选择" x5 t( }+ r+ B3 A
通过各大网页选择你喜好的颜色 |$ H: X/ f; Y& R/ z! s! y7 h% N
9 T4 l5 S6 E- C' K
) B8 R2 J {2 o& Q# u: K
大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~ g+ Q& f% p# B- s( T/ Y ~
: R B7 C7 n( \+ L. N; ^, ~
% K7 ^( H5 G; Z3 q6 V
3 v! U: r: [) }/ ]1 I |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
20
查看全部评分
-
|