|
|
楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新：6 ^9 s' u; i7 J+ P7 _
1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误
, Z8 i {% Z! [2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056& E+ W. {6 o$ S" P# I8 k
CSS里其实很多数据都是需要自行调整至最优化的！
% R t* h T4 z6 x1 [+ P: A# g+ m
1 ^% U) B% |: w* q" t6 R L
/ W8 e u' w( J# H' Q& h- b
0 R7 E7 a0 n; Q8 Q1 A. k一个词条的txt、CSS：
, q( C% }* _) }( n) R( z: b7 p- c$ r3 p
- amazing- r: y% g6 ?1 N$ Y+ W
- <link rel="stylesheet" type="text/css" href="ECD2_P.css">
9 U, C- p' R. e0 P* a0 J6 J - <ECD2_P>: M. K w6 h; p5 z2 i% G5 V
- <LIST_TOP><a href="entry://ECD2_封面">封面</a> | <a href="entry://ECD2_内封">内封</a> | <a href="entry://ECD2_版权页">版权页</a> | <a href="entry://ECD2_目录">目录</a> | <a href="entry://ECD2_前言">前言</a></LIST_TOP>
# F) L7 h9 w6 k; s( x - <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>
6 c0 v( x' t+ h/ }; p - <PAG_T><a class="prev" href="entry://ECD2_0055">0055</a><a class="curr" href="entry://ECD2_0056">0056</a><a class="next" href="entry://ECD2_0057">0057</a></PAG_T>! C; i5 c: ?) R6 y' g: q0 v
- <div class="ALL">
! Y: K7 r7 c) A - <div class="LEFT">$ }6 _+ M1 k! M( K: L6 r9 k% Y
- <a name="0056_L1" href="entry://amazement"><div class="HW_L" style="margin-top:8.37%"></div></a><a name="0056_L2" href="entry://amazing"><div class="HW_L_C" style="margin-top:15.09%"></div></a><a name="0056_L3" href="entry://Amazon"><div class="HW_L" style="margin-top:24.6%"></div></a><a name="0056_L4" href="entry://Amazon"><div class="HW_L" style="margin-top:28.6%"></div></a><a name="0056_L5" href="entry://Amazon ant"><div class="HW_L" style="margin-top:38.18%"></div></a><a name="0056_L6" href="entry://Amazonia"><div class="HW_L" style="margin-top:40.98%"></div></a><a name="0056_L7" href="entry://Amazonian"><div class="HW_L" style="margin-top:46.33%"></div></a><a name="0056_L8" href="entry://amazonite"><div class="HW_L" style="margin-top:51.84%"></div></a><a name="0056_L9" href="entry://amb."><div class="HW_L" style="margin-top:56.07%"></div></a><a name="0056_L10" href="entry://ambages"><div class="HW_L" style="margin-top:57.43%"></div></a><a name="0056_L11" href="entry://ambagious"><div class="HW_L" style="margin-top:64.22%"></div></a><a name="0056_L12" href="entry://ambary"><div class="HW_L" style="margin-top:68.3%"></div></a><a name="0056_L13" href="entry://ambassador"><div class="HW_L" style="margin-top:70.86%"></div></a><a name="0056_L14" href="entry://ambassador-at-large"><div class="HW_L" style="margin-top:84.6%"></div></a><a name="0056_L15" href="entry://ambassador extraordinary"><div class="HW_L" style="margin-top:88.67%"></div></a><a name="0056_L16" href="entry://ambassador extraordinary and plenipotentiary"><div class="HW_L" style="margin-top:90.11%"></div></a><a name="0056_L17" href="entry://ambassadorial"><div class="HW_L" style="margin-top:92.98%"></div></a><a name="0056_L18" href="entry://ambassador plenipotentiary"><div class="HW_L" style="margin-top:98.26%"></div></a><a name="0056_L19" href="entry://ambassadorship"><div class="HW_L" style="margin-top:99.62%"></div></a><a name="0056_L20" href="entry://ambassadress"><div class="HW_L" style="margin-top:106.49%"></div></a><a name="0056_L21" href="entry://ambatch"><div class="HW_L" style="margin-top:109.28%"></div></a><a name="0056_L22" href="entry://ambeer"><div class="HW_L" style="margin-top:111.92%"></div></a><a name="0056_L23" href="entry://amber"><div class="HW_L" style="margin-top:114.71%"></div></a><a name="0056_L24" href="entry://amberfish"><div class="HW_L" style="margin-top:122.86%"></div></a><a name="0056_L25" href="entry://amber fluid"><div class="HW_L" style="margin-top:124.3%"></div></a><a name="0056_L26" href="entry://ambergris"><div class="HW_L" style="margin-top:125.73%"></div></a><a name="0056_L27" href="entry://amberite"><div class="HW_L" style="margin-top:129.73%"></div></a>/ v! h& T q+ Q$ x* a7 _
- <img src="0056.png"/>. I, O1 d* e/ y) s
- </div>5 B+ u7 q# q7 R* @% Z8 q8 k; t
- <div class="MID">! C) q/ _$ h/ f
- <a name="0056_M1" href="entry://amberjack"><div class="HW_M" style="margin-top:5.5%"></div></a><a name="0056_M2" href="entry://amber liquid"><div class="HW_M" style="margin-top:8.15%"></div></a><a name="0056_M3" href="entry://Amberlite"><div class="HW_M" style="margin-top:9.5%"></div></a><a name="0056_M4" href="entry://amberoid"><div class="HW_M" style="margin-top:12.15%"></div></a><a name="0056_M5" href="entry://ambi-"><div class="HW_M" style="margin-top:13.58%"></div></a><a name="0056_M6" href="entry://ambiance"><div class="HW_M" style="margin-top:16.22%"></div></a><a name="0056_M7" href="entry://ambidexter"><div class="HW_M" style="margin-top:17.73%"></div></a><a name="0056_M8" href="entry://ambidexterity"><div class="HW_M" style="margin-top:23.24%"></div></a><a name="0056_M9" href="entry://ambidext(e)rous"><div class="HW_M" style="margin-top:27.32%"></div></a><a name="0056_M10" href="entry://ambience"><div class="HW_M" style="margin-top:36.83%"></div></a><a name="0056_M11" href="entry://ambient"><div class="HW_M" style="margin-top:48.98%"></div></a><a name="0056_M12" href="entry://ambient air standard"><div class="HW_M" style="margin-top:57.28%"></div></a><a name="0056_M13" href="entry://ambient music"><div class="HW_M" style="margin-top:58.71%"></div></a><a name="0056_M14" href="entry://ambiguity"><div class="HW_M" style="margin-top:62.79%"></div></a><a name="0056_M15" href="entry://ambiguous"><div class="HW_M" style="margin-top:73.73%"></div></a><a name="0056_M16" href="entry://ambilingual"><div class="HW_M" style="margin-top:84.67%"></div></a><a name="0056_M17" href="entry://ambiplasma"><div class="HW_M" style="margin-top:87.32%"></div></a><a name="0056_M18" href="entry://ambipolar"><div class="HW_M" style="margin-top:90.03%"></div></a><a name="0056_M19" href="entry://ambisextrous"><div class="HW_M" style="margin-top:92.75%"></div></a><a name="0056_M20" href="entry://ambisexual"><div class="HW_M" style="margin-top:98.18%"></div></a><a name="0056_M21" href="entry://ambisonic"><div class="HW_M" style="margin-top:103.77%"></div></a><a name="0056_M22" href="entry://ambisyllabic"><div class="HW_M" style="margin-top:109.2%"></div></a><a name="0056_M23" href="entry://ambit"><div class="HW_M" style="margin-top:113.2%"></div></a><a name="0056_M24" href="entry://ambitendency"><div class="HW_M" style="margin-top:120.15%"></div></a><a name="0056_M25" href="entry://ambition"><div class="HW_M" style="margin-top:122.79%"></div></a>; f K/ }; U" O8 ^6 D/ ~
- <img src="0056.png"/>& Y9 E1 ~# d. d- ~2 u1 o8 B
- </div>
+ i0 O3 ?' c; {3 s - <div class="RIGHT"> B' O' k C+ ]3 y6 z. c8 c
- <a name="0056_R1" href="entry://ambitious"><div class="HW_R" style="margin-top:20.37%"></div></a><a name="0056_R2" href="entry://ambivalence"><div class="HW_R" style="margin-top:35.47%"></div></a><a name="0056_R3" href="entry://ambivalent"><div class="HW_R" style="margin-top:44.9%"></div></a><a name="0056_R4" href="entry://ambiversion"><div class="HW_R" style="margin-top:60.07%"></div></a><a name="0056_R5" href="entry://ambivert"><div class="HW_R" style="margin-top:64%"></div></a><a name="0056_R6" href="entry://amble"><div class="HW_R" style="margin-top:67.01%"></div></a><a name="0056_R7" href="entry://amblygonite"><div class="HW_R" style="margin-top:80.52%"></div></a><a name="0056_R8" href="entry://amblyopia"><div class="HW_R" style="margin-top:84.67%"></div></a><a name="0056_R9" href="entry://ambo"><div class="HW_R" style="margin-top:88.75%"></div></a><a name="0056_R10" href="entry://amboceptor"><div class="HW_R" style="margin-top:92.67%"></div></a><a name="0056_R11" href="entry://Amboina"><div class="HW_R" style="margin-top:95.62%"></div></a><a name="0056_R12" href="entry://Amboina wood"><div class="HW_R" style="margin-top:99.54%"></div></a><a name="0056_R13" href="entry://Amboinese"><div class="HW_R" style="margin-top:102.26%"></div></a><a name="0056_R14" href="entry://Ambon"><div class="HW_R" style="margin-top:107.77%"></div></a><a name="0056_R15" href="entry://Amboyna wood"><div class="HW_R" style="margin-top:112%"></div></a><a name="0056_R16" href="entry://ambroid"><div class="HW_R" style="margin-top:113.13%"></div></a><a name="0056_R17" href="entry://Ambrose"><div class="HW_R" style="margin-top:114.79%"></div></a><a name="0056_R18" href="entry://Ambrose"><div class="HW_R" style="margin-top:116.07%"></div></a><a name="0056_R19" href="entry://ambrosia"><div class="HW_R" style="margin-top:120.07%"></div></a><a name="0056_R20" href="entry://ambrosial"><div class="HW_R" style="margin-top:127.01%"></div></a><a name="0056_R21" href="entry://Ambrosian chant"><div class="HW_R" style="margin-top:131.09%"></div></a>5 [# m9 X6 P- [1 n- d% P! A
- <img src="0056.png"/>$ }( F% x- |) R* I) L) J
- </div>. T, z8 L* W4 s
- </div>
- G. O: ^* O# g! k - <PAG_T><a class="prev" href="entry://ECD2_0055">0055</a><a class="curr" href="entry://ECD2_0056">0056</a><a class="next" href="entry://ECD2_0057">0057</a></PAG_T>
5 O9 a# S$ z% L6 n3 o - </ECD2_P>
+ z+ P6 o! z& m- C - </>, ^$ c [% T* d! m+ K- @
. C3 {) d2 J: O2 ^, O- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}3 E5 p# y# N# R1 C: q1 A
- ECD2_P a{text-decoration:none;color:inherit;}( L0 U$ U/ f3 t; y, @& P
- ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}
& ?' _& K1 o P- W# j - ECD2_P a.prev{display:inline-block;width:33.3%}; `3 D6 L, S# T; G
- ECD2_P a.curr{display:inline-block;width:33.3%;}% R3 n0 L4 n S3 c/ n
- ECD2_P a.next{display:inline-block;width:33.3%}
$ f, l0 a+ s" b1 u r3 v - ECD2_P HW{font-size:1.1em;font-weight:bold;}
7 r1 O1 [/ S& V3 d. I% H3 I - ECD2_P HW::before{content:"➔ ";}
) Q/ o; m! K( l4 S - ECD2_P LIST_TOP{font-size:.75em;}. |" b5 M+ S3 V8 z) @) X
- ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
$ W( j9 z/ g" O g( Z; L7 H* K - ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
W' k' {/ t+ ~5 M. k - ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}
" d" y0 @+ J* a& f* }# b - ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}7 C6 I" k8 b* D, E5 m9 l, s8 P- k
- ECD2_P div.S_PAG img {width:100%;}
& z2 e! j8 ]$ U6 _% s - ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}
9 Z+ A* p& `# X: h0 x - ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}
* A3 g- t s4 x2 v; L - ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}
" D# z9 Y- v& x; ~- n - ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}
. h2 ^* f* u+ j1 D8 w* Z; q( p - ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}
, i/ N e. o, f' y" @ - ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}9 Q0 _2 }1 g' ~3 v; n
- + h. V, j+ o( X4 e
- @media screen and (max-width:400px) {! g* w. i# o( P, A& F; v0 n3 L
- ECD2_P a.prev::before{content:"上: "}4 f" l) N1 W% \6 }
- ECD2_P a.curr::before{content:"● "}
7 W" S! |' T& b3 O3 Z - ECD2_P a.curr::after{content:" ●"}+ L/ m4 y6 o, \6 Z
- ECD2_P a.next::before{content:"下: "}
; P) W" }1 E1 Z2 ?2 E. l: w c# R - ECD2_P div.ALL{width:358px;overflow:hidden;}
# M2 a: v+ M6 Z# j g. v - ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}" B& z/ k- p- z$ a, |& g# E5 N1 j: _. P
- ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}* F& C3 a0 q, S4 b2 b4 ~
- ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}) A/ f4 Z; H* c
- ECD2_P img {width:100%;height:auto;}7 @3 ]/ C# | M3 _$ H
- }
- ~- A$ y6 j1 V- K$ X
2 W: Y0 m: h- \0 C( n2 Q- @media screen and (min-width:401px) {
; p" c- _5 V# a4 Z+ |& h - ECD2_P a.prev::before{content:"上一页: "}
/ b. v5 Y0 K' a/ M/ l4 I& I - ECD2_P a.curr::before{content:"当前页: "}
( w }3 T5 _1 M, f2 _9 b/ r - ECD2_P a.next::before{content:"下一页: "}& b! B0 r) a9 s9 V$ o2 b
- ECD2_P div.ALL{width:100%;overflow:hidden;}
j0 w" G9 a- G/ I: M5 `% M - ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}- ~5 o/ {9 K2 j0 O }
- ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
1 D! r8 ]" _1 {2 j - ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
6 K7 \0 V& J% i' ? - ECD2_P img {width:100%;height:auto;}6 E* z1 Y3 i9 \
- }
0 {8 E. a/ E( @ H6 }, d
|
|
楼主: chigre3
发表于 2016-6-25 19:02:23
发表于 2016-6-26 23:17:58
9 [) q( y* x/ n# D( L
; g. Q1 _& D: X: U7 I) {
