|
|
楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新：8 R% }5 v' F) w0 O' _
1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误
4 j, N$ L* W- T- Z! M- p6 `& o8 a2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056
8 R- R7 t- y+ e: _) M SCSS里其实很多数据都是需要自行调整至最优化的！* f7 X2 f. Z# A9 U8 F1 h
* x) `8 |! A4 t8 X! u* g I. g+ f+ a. R# z( K2 O, [( m
5 ~3 @, S7 K% Z, B( f1 Y7 F
一个词条的txt、CSS：
4 ?, W8 W& Q1 [, o
! P$ k' q' Y5 n- amazing2 F8 m' D5 t; G9 _* h4 a
- <link rel="stylesheet" type="text/css" href="ECD2_P.css">
6 j" K+ E y5 ~7 n, f - <ECD2_P>
0 v/ A0 W, ^9 ?' A" c0 J( U6 N0 I - <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>
- q' h& O8 V2 S, O; _$ x - <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>
5 n+ J* @7 D( Y- r8 n$ Q2 F {. U# n4 I - <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>& k b9 v2 d# n
- <div class="ALL">2 w( `% X* Y3 Y; c' M
- <div class="LEFT">& V; B8 S6 q" j* x
- <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>$ ?/ }9 l/ e. V1 ~& @4 W
- <img src="0056.png"/>
/ \7 g$ D( k2 M+ j( ]/ M - </div>
4 m' A2 v$ }) l5 }& O+ @/ ^. p - <div class="MID">
7 B% I, Z% p* x H$ A0 P - <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>+ H( |1 I) z0 Z2 g2 X
- <img src="0056.png"/>. [( |2 l7 k, N( ~) z' g. G
- </div>8 O) M/ |1 @" Q7 Q6 Z
- <div class="RIGHT">- B/ `+ h2 W5 p2 E3 V$ f( M; F
- <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>
# k) y% O! P) b4 X - <img src="0056.png"/>
8 O% L* _( N* }! J. @ - </div>
, B& k# t+ g" f6 @ - </div>& O0 Y; | v1 u- p% O
- <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>/ n* N; L: R4 O+ Z: ^
- </ECD2_P>: Y7 g# V- ]1 k x9 B1 x
- </>* g1 w# b8 r3 t( O
+ r, D0 O1 ~$ O
) _3 _1 Q2 M2 j% @$ q- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}7 f; W3 S, y V) M$ u. t
- ECD2_P a{text-decoration:none;color:inherit;}
9 W, h& |: o6 d# F5 ~; l - ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}# r" r+ M2 H8 ~1 p; B& j; y0 v
- ECD2_P a.prev{display:inline-block;width:33.3%}( C5 p- H( ]* ?& [4 {! I
- ECD2_P a.curr{display:inline-block;width:33.3%;}
0 K8 }2 v* I. A! M- L - ECD2_P a.next{display:inline-block;width:33.3%}
6 x8 R- @/ m& ^. j+ p J - ECD2_P HW{font-size:1.1em;font-weight:bold;}
3 A6 ^" T9 ]7 W- O. L - ECD2_P HW::before{content:"➔ ";}- g. U3 B' s2 ?9 w, Q
- ECD2_P LIST_TOP{font-size:.75em;}+ c$ C3 V+ K \3 b
- ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}( D4 B$ q" o1 M) \+ G+ ~
- ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}5 E* ]6 k9 L4 m0 r8 m& Z% b
- ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}
; D: h! g7 e$ L, F' C+ i3 p) P - ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}
- U" G- K6 L9 F0 b1 j - ECD2_P div.S_PAG img {width:100%;}8 G P) u2 ] w' V% P/ R0 V
- ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}# u- @' H8 p7 N7 x' E s! i- F0 m
- ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}. Y9 o. x0 P5 ] x R- [
- ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}9 V3 `$ C( \6 X% U* t+ y
- ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}, ^. `! }) u- H# i1 |3 j
- ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}6 G$ q# r- C6 D$ k3 m K
- ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}
' @5 B& Z: r* R/ g, B% ^
( X2 f8 ]+ \2 L: k. A# Z: B- @media screen and (max-width:400px) {4 y6 W2 r6 \* s: s% k- b) W: K
- ECD2_P a.prev::before{content:"上: "}) M, k: m( w, n2 R0 P1 C9 y( w
- ECD2_P a.curr::before{content:"● "}; E0 j( B# i0 I, R
- ECD2_P a.curr::after{content:" ●"}
1 l7 n/ }% s5 M- P: S! R# ?4 \ - ECD2_P a.next::before{content:"下: "}
2 J' J" G" z3 t# T - ECD2_P div.ALL{width:358px;overflow:hidden;}, C" M" Z5 L9 E8 i2 B: @
- ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}* w2 a' h2 g0 Z0 y
- ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}
4 g( q4 x Q7 t, ?0 ? - ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
! G) u9 u& z$ l8 Z - ECD2_P img {width:100%;height:auto;}- e ?2 d+ Z- f+ R1 J
- }
0 g* X' p+ P' [. D4 y/ A - * p+ q: ~' G7 u- `6 z9 R7 H! Y
- @media screen and (min-width:401px) {5 W& U# V, ~$ m7 @0 e, X
- ECD2_P a.prev::before{content:"上一页: "}- h6 d8 p/ p; _+ a, Q
- ECD2_P a.curr::before{content:"当前页: "}
( z! U1 [4 G" Q' j7 q - ECD2_P a.next::before{content:"下一页: "}8 a* u. p4 F! |* q+ R
- ECD2_P div.ALL{width:100%;overflow:hidden;}; B* Q5 h0 i, o& T+ x/ \0 `) M# t
- ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}
( k% j: A3 Z1 l! v3 n - ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/ o, n2 b( Q; ?9 K8 Y$ m* j
- ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/2 P+ @9 B0 S4 a
- ECD2_P img {width:100%;height:auto;}
! Y7 I& W5 v( w+ [ - }
( \1 A2 l( R( _& Q! ~1 ^7 i
|
|
楼主: chigre3
发表于 2016-6-25 19:02:23
发表于 2016-6-26 23:17:58
