TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑
7 R/ m$ ]) _7 a ~- R5 w% x! L* l7 ~9 _8 r
( }4 C% m6 h+ D; W- Z8 U, K
, N! `/ O+ J, G
' C# R1 _1 }/ V a# ~# O本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法
+ h& P) ?- D; {- A' h) c/ j) {3 I
一千个读者心中有一千个哈姆雷特。+ b( v) h- d: X! X6 ~1 S$ e
每一个人对词典的布局都有自己的喜好。+ V3 f2 y" f% B+ ~! P% _
在手机上的布局不一定在电脑上相同,反之依然。- [. h1 v. ]# |# w2 ]
论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。
) k0 E' G# U4 ]8 z ]零基础大力丸教程,讲解不多全是图不跳步骤。# m# z3 E' S$ J
: d5 T3 N& F& ]( D
对下面问题,写出了自己的理解' ~2 o* B: w( r# f% @
1.有mdd,但是没有外置的css怎么办?
! k( [- ` L5 t- X. e+ v4 R4 F8 A2.没有mdd也没有css怎么办?
# A. ]! z" r$ `9 W6 ~, f- S) P3.为什么我在style里面改,但是css里面没有改呢?% ?9 V5 \+ J, Y$ u1 q$ x8 p
4.如何通过两个排版选择修改自己想要的?0 Q K0 D, K& L
5.怎么选择一些颜色呢?: a" @( O; b: y, H* @5 G
; A2 d. l) K5 }, \
) }+ s& f D! }$ P' c, M7 r+ Y4 o
一 需要软件
! C5 T+ y7 q Q2 }. V! v1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具
2 e' V/ Y2 ~% S1 G! g% xhttps://www.pdawiki.com/forum/thread-17709-1-1.html% s9 Z7 M: R [2 v8 D! p
2.[MDXBuilder] MdxBuilder 3.0 Beta2
% K5 A4 c x& I0 [: r6 ?https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
9 I( d1 ?6 b* G! A5 A9 Y3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
D: b" s% c0 v( k0 y! Qhttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747( G6 Y+ [( ]: {( r
4.emeditor64 百度
2 M3 ^( I+ p- ?/ O7 z# q0 ?5.MDict1 i- {0 L, g9 ?' F Y$ C
http://www.mdict.cn/wp/?lang=zh
7 }8 L) c3 R5 H. M' G6.Google浏览器
( m S- I3 ?! j3 ^7.css相关手册 看附件 密码852963: q) b% |' }2 q2 [
. q9 U. o0 T& x2 i. B5 ]( y
二 步骤
: f1 K: O* L+ O# }8 {1 x4 L 1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.: J$ M3 Q+ @ _" w
(说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看' S, E( ?5 s! I& c
2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看
2 P4 ~ j m% p# O3 M 3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)/ G$ N: c, m H. M; h
% P6 u B3 L- M2 K! F; n9 w5 |
1.第一步,我们需要得到css才可以修改
1 k6 r) B# U- F) M' u# O-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具
5 k, z8 f6 ]3 H. W8 c( Y 1)有mdd,通常css是在里面的
( u- l1 \6 V& E; d 2)没有mdd,那么css是写在mdx的txt里面的
" u( V7 v3 B9 t8 I! e- a 看图
) G/ I. a* w7 _# I1 D! s$ x) b; u/ R; A7 S! T% P
7 ~5 }# h* k% Z! f. v5 F9 H& A
" r. j; J2 V7 j回到文件夹,会看见多出一个文件夹在里面" n6 s2 f6 L: s; s9 c4 U7 m
( O. S" g7 y# C& j L! e9 V
这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)
2 a% q$ K% M: m0 r, X5 \% q4 G$ x : Z6 j" N' F8 V8 Z$ U% f I
说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/
m7 a! l; s+ L* V/ b* P
; Z8 G# P% o1 X9 ^ v+ C( a# X' I( c/ e# C7 X- U6 s4 n0 T7 r, }% J1 R
使用emedtray打开txt," L6 e: I0 U4 M2 ?* n) c. Y4 `
! }1 |, }: ~7 Z, m$ {! r对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改
% h) H8 x3 i; X/ d
$ Z7 l# ~& H0 l2 k( C* p5 N+ o' s* y6 u2 T1 d' v, s- s
2.第二步
& F" r( \- U0 E" l+ B1)提取词典中的单词html的表现形式
/ o J" P2 V; a7 ?, w常用单词take,go,principle,for% Y( `! x& f2 t% R ?
2)打开mdict2 i* d* M, O) O+ J) q/ _' Z3 \
3)安装词库
6 F c9 b+ \( L7 |) f4)提取源. a$ y8 D% j s, C# N0 U
' t$ b1 N a E! ]$ |
6 u) P: ~5 Q O* M4 M
. f! S( f; O1 N4 I0 ]5 d
# @. i; G% B$ X: {3 h9 g7 `3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器1 p/ n) c5 {) i! P& w! L
6 E4 c, T; Z. ]8 w K; c7 m0 E
5 J/ Z l6 C5 o7 i2 I按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具. C' k/ I7 ?$ L. ^
; K( b( [; R, V2 D U8 A2 E
4 h- m/ j D/ r: M& K注意:ff大的css有两个,这两个css分辨控制着不同的排版
# H! r( h, w" s6 o% w我们一一的来使使5 R2 u( w$ R+ \' ?5 v1 S/ n; i
我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/8 R0 @; O& `+ v) x/ u/ k( O
说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?" Z2 q# k* ]. a5 x; [& N; o
& h/ u* I6 `0 t- r
: O2 H% |. @" E6 v6 q9 Q ?- d1 e& t7 H( o' Y$ ]
" N% o/ k3 i+ O( N3 u( D ctrl+shift+c快捷键
g5 n8 p# D+ r+ c- d; F2 U' H
* g3 B7 O% Z5 X* W* s 隐藏的命令为display:none7 Z% d) H$ [& x8 r6 X
+ C( b5 C% e& E1 i y4 v+ c$ F% e5 k1 g/ d
问题出现+ m1 w; i# z/ J% J# k" h7 B3 g( z
# s3 v8 m0 X% |( a
% K' l+ Z3 t1 ?6 |0 f' M' y
: f! M, p y0 y- I: d" y 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
; d r0 _- _* v" v1 Y! e) y但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作! o4 l1 R% D* }3 ^
# D7 e2 G7 B/ ~* v3 b4 h
3 t8 l+ x9 k% |( M5 ]4 |" V% J) J# R. G/ v! J
我们先修改我们理想的样式先,我以修改颜色为例
1 i6 T2 Q8 w- d6 Y5 ^7 }% B! L
5 u' J9 n& d% @+ H w. f: r1 @0 u+ F4 ~; d. U( Y2 i
: f2 M) B- k/ L, A9 W3 U; w第四步---尝试修改背景颜色
/ [& J- C+ \7 M) ]
, ~" b& `" E* L1 ~两个不同排版比较修改
3 Q1 U. F, B0 b/ f6 [) x/ r( j5 k3 P1 K6 U% m7 ^
p! i2 a+ I# L: q) w& ?
对于颜色的选择
6 J5 c9 p) g) D$ V1 s- s+ Y8 R1 P2 p通过各大网页选择你喜好的颜色/ H/ ^+ o u- J$ _3 ]2 w z
1 P% i( Z+ k* E* U* J( m. N# E; j
7 {- t0 x# x( l大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~
4 j$ K2 b: I4 J. I
8 o2 f6 `8 r: I2 P/ V. z
0 p8 ]) A8 {: o( U8 N+ s: D, r
0 D( F$ h' _8 a* A% Z- D |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
20
查看全部评分
-
|