TA的每日心情 | 衰 2018-6-16 18:13 |
---|
签到天数: 158 天 [LV.7]常住居民III
|
本帖最后由 Yyang. 于 2018-4-14 22:06 编辑 + |+ m. U% F$ {7 L' F% q0 _
6 {1 T% J" c9 E4 u* M. T
2 a# o' m6 T4 m/ x# M$ [+ |; i
2 k' I. i) W8 T( C1 r& Q本贴需要结合咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法
3 s2 _% J* b$ U' ~& F+ i+ M
# n _ ^/ q9 D( O& |. T' q6 s, p一千个读者心中有一千个哈姆雷特。, w" x% h; I% [, @0 L( N! j
每一个人对词典的布局都有自己的喜好。
# }2 r i. L) Z7 Z- }. m在手机上的布局不一定在电脑上相同,反之依然。
2 Y; c: o. M0 ~7 r$ @! y" v( b3 q论坛上对css的修改最详细的讲解是咩妹纸的小白教程,咩妹子的 css 教程连接【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法,但是有些步骤不怎么详细,今天发帖教程。
; D5 M+ Z) E3 f5 I! r1 s零基础大力丸教程,讲解不多全是图不跳步骤。
+ r1 Z" s# ^, f" l/ ?
+ r( o/ ~: L3 P) ]. V' a对下面问题,写出了自己的理解( ]+ t+ b# [1 y* Q. r' R2 v
1.有mdd,但是没有外置的css怎么办?$ a& x' t* b% m8 [; K9 ^* F$ L
2.没有mdd也没有css怎么办?
6 n& c; A+ y3 L' n! t3.为什么我在style里面改,但是css里面没有改呢?# ~% z$ `1 k4 O) r8 o
4.如何通过两个排版选择修改自己想要的?
7 O9 d/ j* G: I+ |3 T$ X, j% i. ]5.怎么选择一些颜色呢?' c8 Q. f$ N- C1 L8 i1 {: B
8 c0 j! S& R' G' ~+ X+ v3 r# V M. e! B( o I- h" F
一 需要软件0 V3 J/ s- E- Q4 |" q
1.[2018-3-3]MdxExport3.5-MDX与MDD资源导出小工具. b* u" n6 D1 t7 Y# q) Z) G
https://www.pdawiki.com/forum/thread-17709-1-1.html
8 ], V" Y% l! f# D0 X+ I# h2.[MDXBuilder] MdxBuilder 3.0 Beta29 ?: ]/ Z9 W' R% K7 C
https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747) s6 U" [: }. d3 X2 B, u. s. H
3.Mdict Editor Tool v2.0.35 -- 多功能个性化词典制作工具
1 Q$ z/ \) ^. ? Phttps://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=3747
' r# C. V2 j, T1 h4.emeditor64 百度4 X$ I1 q, G) c- `
5.MDict
! }1 o: E& J" O! c7 e Ihttp://www.mdict.cn/wp/?lang=zh
, N. b2 d7 M! Q8 C& d* f6.Google浏览器- r! D u$ Q) i. p
7.css相关手册 看附件 密码852963
1 T8 B" w3 r& `
8 D1 k7 S9 @4 ?) n! C 二 步骤" k8 z& T( E1 i
1.选择我们想要修改的词典,今天选择最有代表性的lang5++,这本ff大的词典有两个js,两个css.# b3 |+ x$ j" E: R" M
(说明:1.每一词典几乎都有额外的css,都是这些css有一个或者是多个,这个不需要在意,我们一个个来看
9 R8 Q* b- {4 ]0 y$ T8 P 2.我们中意的词典只有mdx,mdd没有看见css怎么办?继续看& X% E/ e- V& }7 g1 D
3.js是控制着展开的,以及动画,lang5++有心人会看见在点击小喇叭时候,小喇叭有阴影)4 a& U4 ?5 T/ T, M2 u$ Z3 _& R$ s
( x1 e( ~( b9 H$ b- q) e, ?
1.第一步,我们需要得到css才可以修改1 X/ u. U( K+ S# t/ C6 U& A9 ?! J( @
-说明:没有css怎么办,工具:MdxExport3.5-MDX与MDD资源导出小工具
" x( A. [9 B$ w: A, k; c. P 1)有mdd,通常css是在里面的
2 r, n4 @& z. B- g0 L5 \/ l 2)没有mdd,那么css是写在mdx的txt里面的
& u# w6 \% W. R9 w- r% b2 q( E: P 看图9 L9 T- V' d: R! t8 k2 T
1 ~, ^* P" F& d+ ~
0 I6 A, w* G/ Z+ c( k$ W2 O4 a5 d- j
回到文件夹,会看见多出一个文件夹在里面
& g* V4 F. e3 d9 K. S" S' v2 |+ L2 W( M9 F3 @$ u
这里面的就是css(记住这个文件名,到时候你修改后的css名字也是这个,要一致)4 q1 d! C7 r3 p1 ]' d) X
/ v: D5 X: ~- Q 说明一下2./没有mdd,那么css是写在mdx的txt里面的,下面我们看单单的mdx:英语词根词缀.mdx/
Q( V( U# s/ ~) P9 r9 z1 h% e
; `- R2 H7 Q; i2 y
' ?' o8 y* q f 使用emedtray打开txt,
3 E8 R2 Q8 \5 Z7 a! Z! e
8 {& W* ?' B, s对应的是字体的颜色,可以通过/替换/这个功能实现局部的修改" C# w- R+ V" c5 E" I" J
) W y( T% f$ y7 t+ g" J
- `4 K, J7 H$ @2.第二步
4 \7 x3 u4 P9 D6 s4 s/ n0 K- G1)提取词典中的单词html的表现形式1 `1 _+ B. m8 I2 X' U
常用单词take,go,principle,for, n5 E6 d e9 p4 w& ?' W0 u
2)打开mdict
- h, @' L. T6 [7 ?" Q6 J3)安装词库
% r$ z' N& R% I6 t! O4)提取源
2 N6 h5 }2 p/ c9 Q3 v+ [" A! Q% Q+ B; m- v
: H4 o b# _, d( e! N+ n
# `; I S- M9 Y1 \0 n$ u+ m( n7 ~% r7 t! C
3.第三步 打开Google浏览器,把刚刚提取的文件导入到狗狗浏览器
3 r6 Y5 o' G: u% R1 A6 i' N9 q5 {" R/ L( v
( J' C7 w- _' d9 i1 y按ctrl+shift+i或者在右上角冒号处点击----更多工具----开发者工具( U+ |: W+ R; \* U, L
1 E- p# d( u# {5 o" Y" S
8 [& D! W; D J9 Q, a/ P注意:ff大的css有两个,这两个css分辨控制着不同的排版8 Y I) z, G5 I* \
我们一一的来使使
9 R* B& K3 b9 c! o1 W我们先试试LM5style.css这个文件,拽入/白白嫩嫩的空白处/; s3 m7 J/ g/ t8 P- u# ?: Y
说明一下,lang5++的两个css控制的不一样,所以你单单导入LM5style.css这你只能看见部分的排版,尝试把css同时导入/白白嫩嫩的空白处/你就能看见和手机上相似的排版,那我们看看LM5style.css到底是控制的是什么呢?4 j) b7 G$ Y2 w7 V
9 c9 x0 u2 ?8 ~7 g, M: t& W
) l( e8 E' Z; O# }6 n2 ~) D q
$ Y s6 D$ k( ]2 k6 ?) o6 d
ctrl+shift+c快捷键$ }% u6 q" x" L% B- b& K, \
* E! C& X; V* p+ A g8 P( v 隐藏的命令为display:none
& A6 l r% B6 S. x/ U, v
/ J. T* d5 J, N W+ w4 i
5 k. C8 ]. p2 |' e0 ^- P0 L 问题出现
% W9 @3 K z$ F& [ k5 W$ G; h5 A" n" j8 Y- M" _' |7 W
( ? @$ k2 c: p K" E
, ]; Q% v+ l0 W6 i. ?! \, ? 可能这里css中就没有写入这个class="DEF LDOCE_switch_lang switch_siblings"
# t& h( I5 n7 ^% e) b但是我们可以清楚的看见在Elements中有class="DEF LDOCE_switch_lang switch_siblings"这个那么我们做如下操作& H9 F7 C7 H( h# @2 G
2 J: H, h; K& ?* v& S$ e) [
8 j4 t+ i7 O* G/ k' v6 Q7 \: D9 u/ X
0 l% Q0 \& B( l+ x) \2 c 我们先修改我们理想的样式先,我以修改颜色为例! w8 O' I- H1 }$ s6 \% ~* D
* E8 H# L- y7 l0 ?1 m: U3 c" b0 U2 A" L$ c" l& n/ H" T- m q
6 a% n5 w, r; K$ `0 }第四步---尝试修改背景颜色2 n* R1 n# a6 q/ v' M6 x+ {- h
5 G, d1 l) _7 Y" H3 s7 k两个不同排版比较修改) T/ j, E" P# x# k+ w1 U
& H' _6 a, T& c. g& {) Q
8 \$ J0 |0 S. e: s3 r! \7 v; r5 q对于颜色的选择& O$ g6 E' ?# O& J6 ]8 s
通过各大网页选择你喜好的颜色
. p9 o. F7 G: ?4 E8 G: H; [# [/ J K; }. Y5 D
1 v X* Z z/ I1 ?/ _- Y+ ?
大爷都读到这里了给一个咱呗,1米2米不嫌少,50,100米来着不拒~% n5 d4 B3 g' W3 ^$ H+ u
B1 Q7 q, v) n1 l+ H0 Q* _
, r9 h3 f4 _( m0 b s) }- y3 q
* b/ H3 a" R8 `( g+ t0 S |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
评分
-
20
查看全部评分
-
|