|
|
楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新：
2 S6 m: i& H" M6 x6 E/ g1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误1 o5 Z. K' E4 m" I+ n' E1 M: y$ P
2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056
5 M, K' B( ^" t: \CSS里其实很多数据都是需要自行调整至最优化的！
1 S& g# g% P+ a, J9 g% s6 V, P; E/ ]7 }5 v3 M8 H+ n
 : Q* S5 N8 a2 K3 h! |! b+ ^, @# \" K
- F& D, \3 [+ s: p1 F
一个词条的txt、CSS：$ A. _& w& A2 r2 g" T
8 q1 X/ g1 B. T$ x2 \* w* i8 W
- amazing
+ T! R# h5 u1 q$ t0 a: D - <link rel="stylesheet" type="text/css" href="ECD2_P.css">
0 v9 K9 t: @3 a- j% d( b# F - <ECD2_P>
9 q7 a- U2 R: ?, ~; ?9 i0 f - <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>
6 J+ n3 a a2 }, s3 I/ a - <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>3 w6 E/ P0 F- f t, M" z, B8 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>; {7 F$ l, h$ j6 O: V
- <div class="ALL">' @: W0 }. ~7 z$ G- x' ]! j! I* v
- <div class="LEFT">) a# w* d7 a& ]/ @5 q/ q; I) I# p
- <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>4 ^* g+ Z! J" c9 C1 Z7 i/ _
- <img src="0056.png"/>; @" `5 ?, C9 ]& P: h
- </div>" J1 s2 f7 ~4 i2 i/ Y
- <div class="MID">
" m L5 c( E$ l& I - <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>; X7 Z) b# _0 {9 q: b- N2 x
- <img src="0056.png"/>& `9 c3 i0 x$ k# Z6 \' o0 q; h
- </div>
, d( e* O g. {: _0 } - <div class="RIGHT">6 T# J7 }7 @5 n6 v2 S+ G
- <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 K" n( {7 Q: _1 u
- <img src="0056.png"/>( r. d$ k; z! Y9 P
- </div>9 a6 f. {( \6 P, l
- </div>* A$ B! V+ ]0 @ Q3 h+ L$ }
- <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> |* P- ~/ V2 _, ~% ~. O
- </ECD2_P>
' V7 ?& D s- B4 F' j3 |1 L - </>
4 q$ E' \5 y/ t6 B
& a( @ G/ c' C o% I
- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}7 n9 P/ C4 I7 N! c/ t
- ECD2_P a{text-decoration:none;color:inherit;} G8 w6 F) R+ G3 \. D R
- ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;} }% M( ~0 D( j3 x1 T' B) n
- ECD2_P a.prev{display:inline-block;width:33.3%}" n7 r& g* ? t- H$ e
- ECD2_P a.curr{display:inline-block;width:33.3%;}2 f& |, K+ N' L1 q9 h# \
- ECD2_P a.next{display:inline-block;width:33.3%}- E; [2 ]7 U% B
- ECD2_P HW{font-size:1.1em;font-weight:bold;}
! u4 ?, V0 K2 C2 Q3 j7 S" l5 ] - ECD2_P HW::before{content:"➔ ";}
8 B/ A8 W$ X3 O- n2 b. V7 Y - ECD2_P LIST_TOP{font-size:.75em;}
7 R0 e* k" N, C' `! e/ y - ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
+ k5 G" x, W; |; R - ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
& Q$ o+ S* v& {* ~% J - ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}) l1 }7 @& _$ _; C
- ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}
0 q' t# ^/ z! k ^9 Q( r - ECD2_P div.S_PAG img {width:100%;}9 e, W, X: ~. G. J- k
- ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}! A Y) W, J0 s* Z! S1 G
- ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}
/ y8 @, t2 I. o- S$ \ M - ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}( ^6 W; H7 a, U& ^ L
- ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}
1 X- Q+ x" k! } t+ ?1 g8 b - ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}% R. T. r' E3 Q7 t" ]
- ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}$ G3 i4 n2 H" q9 H
7 A4 S; a9 a% F/ {/ u$ u- @media screen and (max-width:400px) {
9 x9 g {- B; ^, L - ECD2_P a.prev::before{content:"上: "}0 J' V' [$ y. u/ B) \3 ]7 ?/ W' h
- ECD2_P a.curr::before{content:"● "}
6 e2 s! D) |# D - ECD2_P a.curr::after{content:" ●"}
+ |0 \, ^" [; {" c( {; l - ECD2_P a.next::before{content:"下: "}: w q* E; \4 u2 D) j* ?
- ECD2_P div.ALL{width:358px;overflow:hidden;}2 y. t" ]6 G" h5 A
- ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
4 g1 I3 @8 r7 d - ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}; @2 Y ]" F( j* @( l! b$ L; l8 e6 c
- ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}& M9 y2 }/ A6 J( @ c
- ECD2_P img {width:100%;height:auto;}) S) S4 d. |6 _( Z6 I* q4 }
- }6 Z3 y- K: i( o! o
- % l' d* Q8 S, j4 p
- @media screen and (min-width:401px) {7 M+ ^2 o: P& H1 E
- ECD2_P a.prev::before{content:"上一页: "}
: E2 e; H7 [, d - ECD2_P a.curr::before{content:"当前页: "}6 ~. l7 i& k! m1 X% F1 _1 h: p
- ECD2_P a.next::before{content:"下一页: "}$ R+ N# g4 S- h' [+ G; K& c. `
- ECD2_P div.ALL{width:100%;overflow:hidden;}1 Y# i& B7 v6 _! H) G% ]
- ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}8 B) V5 s) H7 P; S* H3 s) |/ N
- ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
" B w) n) p3 b' R - ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/9 n% x$ x5 {5 C5 v; S8 q
- ECD2_P img {width:100%;height:auto;}( L8 C! k0 A# s- n' \* [3 ~8 L: e& {9 ^
- }
& t$ e0 v: Y. H8 F
|
|
楼主: chigre3
发表于 2016-6-25 19:02:23
发表于 2016-6-26 23:17:58
( H8 `8 U. h( h" U% }( [! e' A0 c
% w! N' F- l1 u+ H$ u7 [
