|
|
发表于 2016-6-24 20:04:50
|
显示全部楼层
本帖最后由 chigre3 于 2016-6-24 20:06 编辑
- Z4 n& \0 ]( \! \/ X9 |: {7 ~
0 V9 L& X1 c# s$ u p0 G) h8 a6 h3 K# j% G1 `
CSS参见:
4 n. ^6 {5 u$ h3 Fmargin-top:-145.26%;}/*高度H÷宽度W*/
3 m& b3 ~" j; A4 b+ j这个百分比要修改的!2 a& m, d' |/ Y) b
% z, ?& l8 J- J/ Y x
- YHCD_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}/ V7 ^' |' k, T9 G! o: l
- YHCD_P a{text-decoration:none;color:inherit;}
4 K% O/ r2 |$ Q) i8 E! b1 Y - YHCD_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}: e6 H1 W- ]: R: ^8 G5 i8 J
- YHCD_P a.prev{display:inline-block;width:33.3%}: Z4 C Y) h: }5 w# l
- YHCD_P a.curr{display:inline-block;width:33.3%;}
, _" L) n% o7 N. T8 ]3 a - YHCD_P a.next{display:inline-block;width:33.3%}2 ]. T# N2 m( C
- YHCD_P HW{font-size:1.1em;font-weight:bold;}) K, Y( G7 s( }8 F: O7 s+ e* e5 [
- YHCD_P HW::before{content:"➔ ";}% `$ Z# X2 H, I$ i( \
- YHCD_P LIST_TOP{font-size:.75em;}
( v+ H6 z) b# \& Y9 B' [5 f - YHCD_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
T+ o3 N( K! L$ N$ J4 s - YHCD_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
+ c* f) A& H2 C. C7 I# ]$ l - YHCD_P PAG_R{display:block;background-color:#FBEFF8;color:red;}
, v( I1 @ s9 l( c - YHCD_P div.S_PAG img {width:100%;}- T" c2 H9 q( }" R! k
- YHCD_P div.HW_L{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}) s f- K9 A7 r" H
- YHCD_P div.HW_L_C{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:blue;opacity:0.2;}
! C) ?4 [# [. \# A' } - YHCD_P div.HW_R{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}+ Q7 _% U3 F! Y- |7 t6 P* |
- YHCD_P div.HW_R_C{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:red;opacity:0.2;}
A( J# |/ [- n, l* j - 7 O g) D7 V% V. m
- @media screen and (max-width:400px) {' ^1 Y' o) t1 \- f @' F
- YHCD_P a.prev::before{content:"上: "}
0 B9 B. G# a& { - YHCD_P a.curr::before{content:"● "}
) p- @- Y: M. I9 x7 u - YHCD_P a.curr::after{content:" ●"}
" R/ D& J$ L- l0 G7 s- i - YHCD_P a.next::before{content:"下: "}
- m2 s3 w" M% v) { - YHCD_P div.ALL{width:358px;overflow:hidden;}* ^6 u; Y' H4 ?7 G* i; p
- YHCD_P div.LEFT{position:relative;width:716px;}
) x* u- g' [( G; F - YHCD_P div.RIGHT{position:relative;width:716px;margin-left:-100%;}
- l4 Q3 g2 x E4 G" ? - YHCD_P img {width:100%;height:auto;}# |; W, K9 O; G* g4 { [; C# s
- }
: ^7 e0 f' p( A/ S3 I2 L - 0 C# J1 W. P& @& N$ H3 [7 ^
- @media screen and (min-width:401px) {
7 t4 e& J! n% g7 t% K - YHCD_P a.prev::before{content:"上一页: "}- w" C7 ~& Z( p+ p) M/ ?. P
- YHCD_P a.curr::before{content:"当前页: "}# Z, P2 P) m( l$ B9 z! A& @
- YHCD_P a.next::before{content:"下一页: "}
4 J5 S1 P/ v( W0 i* J* g - YHCD_P div.ALL{width:100%;overflow:hidden;}
8 Y& N/ m# p* g# m0 Y/ i - YHCD_P div.LEFT{position:relative;display:hidden;}' t/ v4 x3 M# b( d0 y, x
- YHCD_P div.RIGHT{position:relative;width:100%;margin-left:0;margin-top:-145.26%;}/*高度H÷宽度W*/! {# q8 @/ t6 E) q9 G* d
- YHCD_P img {width:100%;height:auto;}: M6 r* z; \, c& u& v
- }
0 _8 O0 e; B; S* x
复制代码 $ a! n$ u. ^% X
$ I- e9 q' Q1 [# S4 ]
MDX参见:
6 M+ b+ v9 R+ B- {6 a6 m- finestra2 W! H$ w' f8 E: V
- <link rel="stylesheet" type="text/css" href="YHCD_P.css">
! W1 \6 i0 J- A& M5 X - <YHCD_P>+ ]" O! ~/ S' ?& E: g
- <LIST_TOP><a href="entry://YHCD_000">封面</a> | <a href="entry://YHCD_000_0">内封</a> | <a href="entry://YHCD_000_1">版权页</a> | <a href="entry://YHCD_000_2">目录</a> | <a href="entry://YHCD_000_3">前言</a> | <a href="entry://YHCD_000_4">体例说明</a> | <a href="entry://YHCD_000_6">略语表</a> | <a href="entry://YHCD_000_7">语法略语</a> | <a href="entry://YHCD_000_8">主要参考书目</a> | <a href="entry://YHCD_892"><sup>1</sup>常用缩写</a> | <a href="entry://YHCD_904"><sup>2</sup>大区城市</a> | <a href="entry://YHCD_905"><sup>3</sup>山脉山峰</a> | <a href="entry://YHCD_906"><sup>4</sup>河流湖泊</a> | <a href="entry://YHCD_907"><sup>5</sup>动词变位</a></LIST_TOP>3 T, b1 f4 D. U3 p8 a
- <PAG_R><a href="entry://#308_R14"><HW>finestra</HW></a></PAG_R>1 P% _& w2 z9 Z/ _9 E# g) |& E
- <PAG_T><a class="prev" href="entry://YHCD_307">307</a><a class="curr" href="entry://YHCD_308">308</a><a class="next" href="entry://YHCD_309">309</a></PAG_T>
{0 u- W1 V. P3 X+ [, r1 g8 I% o2 X% v - <div class="ALL">
d8 C: H& v' r4 _7 G, M - <div class="LEFT">
: {( H, Z5 f+ ^7 \2 J/ n) z# y - <a name="308_L1" href="entry://filosofastro"><div class="HW_L" style="margin-top:7.22%"></div></a> T% |/ H4 e+ r0 a" R9 h3 V( O
- <a name="308_L2" href="entry://filosofeggiare"><div class="HW_L" style="margin-top:9.52%"></div></a>
" R" s, u) Z. y8 a8 P6 r1 v - <a name="308_L3" href="entry://filosofema"><div class="HW_L" style="margin-top:13.4%"></div></a>) E9 ~. [# p- r* E% B' C
- <a name="308_L4" href="entry://filosofesco"><div class="HW_L" style="margin-top:17.27%"></div></a>- |" x. j# m g" j, |! K' K
- <a name="308_L5" href="entry://filosofia"><div class="HW_L" style="margin-top:21.25%"></div></a>: w' x: U* L5 W! }
- <a name="308_L6" href="entry://filosofico"><div class="HW_L" style="margin-top:33.28%"></div></a>: f1 t& l8 E/ v' ?: ?. U; w% [
- <a name="308_L7" href="entry://filosofo"><div class="HW_L" style="margin-top:43.54%"></div></a>6 n6 o+ m; ^' w/ ?/ X
- <a name="308_L8" href="entry://filossera"><div class="HW_L" style="margin-top:47.41%"></div></a>: P2 @+ L S- {0 e% J
- <a name="308_L9" href="entry://filotea"><div class="HW_L" style="margin-top:49.82%"></div></a>
" ^) \! N+ q2 U% X9 P! G( o - <a name="308_L10" href="entry://filovia"><div class="HW_L" style="margin-top:51.6%"></div></a>+ R2 m9 h5 r6 X$ r
- <a name="308_L11" href="entry://filoviario"><div class="HW_L" style="margin-top:55.78%"></div></a>
5 i- i$ f5 K6 t7 } - <a name="308_L12" href="entry://filtrabile"><div class="HW_L" style="margin-top:57.77%"></div></a>* T/ ^6 G$ W' p3 k5 A
- <a name="308_L13" href="entry://filtrare"><div class="HW_L" style="margin-top:61.75%"></div></a> {0 E, H u4 E2 l" o. S
- <a name="308_L14" href="entry://filtrazione"><div class="HW_L" style="margin-top:73.99%"></div></a>
5 r! s& r5 @) b" m/ G8 b8 u - <a name="308_L15" href="entry://filtro"><div class="HW_L" style="margin-top:75.88%"></div></a>
; P6 L2 X( y/ \ - <a name="308_L16" href="entry://filtro"><div class="HW_L" style="margin-top:81.95%"></div></a>5 F3 G9 ~7 a( W: [; r- J
- <a name="308_L17" href="entry://filtropressa"><div class="HW_L" style="margin-top:84.04%"></div></a>- F/ y; y0 Q4 t3 J7 h# ~3 {" Q2 J+ _
- <a name="308_L18" href="entry://filugello"><div class="HW_L" style="margin-top:86.03%"></div></a>8 x n5 k$ p9 S( ~
- <a name="308_L19" href="entry://filza"><div class="HW_L" style="margin-top:88.02%"></div></a>) M3 k" d! q' w& }$ h
- <a name="308_L20" href="entry://fimo"><div class="HW_L" style="margin-top:98.17%"></div></a>0 G5 V) P8 m M( q4 ~5 |0 a
- <a name="308_L21" href="entry://finale"><div class="HW_L" style="margin-top:100.16%"></div></a> N4 H" Z8 l. T' Y+ _
- <a name="308_L22" href="entry://finalismo"><div class="HW_L" style="margin-top:118.26%"></div></a>
: n' K+ v) S$ w( h9 r) } - <a name="308_L23" href="entry://finalista"><div class="HW_L" style="margin-top:120.57%"></div></a>
# m7 B- ?. B: O* B5 ] - <a name="308_L24" href="entry://finalistico"><div class="HW_L" style="margin-top:126.43%"></div></a>
) q: K9 S/ x2 B% m$ |) L8 ~ - <a name="308_L25" href="entry://finalità"><div class="HW_L" style="margin-top:128.52%"></div></a>% v' g+ N- T: r
- <a name="308_L26" href="entry://finallora"><div class="HW_L" style="margin-top:132.81%"></div></a>8 E' d* l6 c* J# U+ Y7 W- g
- <a name="308_L27" href="entry://finanche"><div class="HW_L" style="margin-top:134.8%"></div></a>6 u+ J: b4 L( C3 P* a& V x& a
- <a name="308_L28" href="entry://finanza"><div class="HW_L" style="margin-top:136.68%"></div></a>
& f* \# M7 c4 ?6 {1 F - <img src="308.png"/>
; o9 V+ `2 M+ h4 X- G - </div> w( N3 h4 ]( n5 \2 ` \
- <div class="RIGHT"> S p& j0 X& I! v# E1 K; j
- <a name="308_R1" href="entry://finanziamento"><div class="HW_R" style="margin-top:11.09%"></div></a>
& F! m, U! p' C - <a name="308_R2" href="entry://finanziare"><div class="HW_R" style="margin-top:13.08%"></div></a>% p1 K7 F- W( J
- <a name="308_R3" href="entry://finanziaria"><div class="HW_R" style="margin-top:19.05%"></div></a>
! n0 u6 w/ ^2 Q6 ^ - <a name="308_R4" href="entry://finanziario"><div class="HW_R" style="margin-top:21.04%"></div></a>0 z$ h" n, r9 U; i
- <a name="308_R5" href="entry://finanziatore"><div class="HW_R" style="margin-top:27.32%"></div></a>
6 W( x2 L" j5 K9 d - <a name="308_R6" href="entry://finanziera"><div class="HW_R" style="margin-top:31.29%"></div></a>
' x2 ]" c( m+ T" T+ Q- D! S - <a name="308_R7" href="entry://finanziere"><div class="HW_R" style="margin-top:35.27%"></div></a>
" M3 J# E9 T$ Q. [. x - <a name="308_R8" href="entry://finca"><div class="HW_R" style="margin-top:37.15%"></div></a>% ?4 F! C6 h, t# t& n0 M
- <a name="308_R9" href="entry://finché"><div class="HW_R" style="margin-top:39.25%"></div></a>6 Z9 J% y+ U; H! n% U
- <a name="308_R10" href="entry://fine"><div class="HW_R" style="margin-top:49.29%"></div></a>
1 T: E6 F3 b( A. L) _' @) A - <a name="308_R11" href="entry://fine"><div class="HW_R" style="margin-top:75.56%"></div></a># t' f0 `2 E" w# _" n. u, \
- <a name="308_R12" href="entry://fine"><div class="HW_R" style="margin-top:94.09%"></div></a>/ f: b! l) E" k1 N; \
- <a name="308_R13" href="entry://fine-settimana"><div class="HW_R" style="margin-top:108.22%"></div></a>" k: a7 T. f3 a+ E$ n5 \0 |' f
- <a name="308_R14" href="entry://finestra"><div class="HW_R_C" style="margin-top:110.31%"></div></a>
( o5 O. d' u5 z - <a name="308_R15" href="entry://finestrato"><div class="HW_R" style="margin-top:132.71%"></div></a>5 |( q2 p1 k7 r! B
- <a name="308_R16" href="entry://finestrino"><div class="HW_R" style="margin-top:134.69%"></div></a>
! a! \! j$ A9 Q( m, v4 \. C' z - <a name="308_R17" href="entry://finezza"><div class="HW_R" style="margin-top:136.68%"></div></a>
0 q: g+ u. D2 \5 Z2 |# M% U: [# h - <img src="308.png"/>/ L2 L$ K& J+ ^, i/ U" R* K) ^
- </div>; ~: n% I* C& N& [ j
- </div>
7 S$ U9 u8 o# m- Q' g6 q% s" P \ e - <PAG_T><a class="prev" href="entry://YHCD_307">307</a><a class="curr" href="entry://YHCD_308">308</a><a class="next" href="entry://YHCD_309">309</a></PAG_T>. Y! y! Y7 B d d
- </YHCD_P>
$ M/ p1 K' T$ Z! h6 c8 B% i3 A9 D - </>7 F+ w9 b+ O" f0 y& W
复制代码 |
|