(20200512彩色版Release)_制作图片字典工具的试作

chigre3 · 发表于 2016-6-25 22:01:27

vbnet 发表于 2016-6-25 21:511 L. J( o2 I0 m: {0 p2 ~
有空再弄个for手机版好了，现有的程式不动
1 {" `4 p; [' p1 [) w要加个高度值

现有的稍微修改下把左右分开都添加图片即可
Css里需要那个高度比宽度值

vbnet · 发表于 2016-6-25 22:06:42

chigre3 发表于 2016-6-25 22:017 R! }: R6 j$ p7 @
现有的稍微修改下把左右分开都添加图片即可( f2 Z1 Z$ B( ~
Css里需要那个高度比宽度值

没看清楚，只有css需要高度
这样就简单了
似乎只有双栏?

vbnet · 发表于 2016-6-25 23:40:37

本帖最后由 vbnet 于 2016-6-26 00:06 编辑

chigre3 发表于 2016-6-25 22:01
) {3 z2 X' H4 k! v1 f+ w现有的稍微修改下把左右分开都添加图片即可+ i8 D; Q$ E8 Z+ V" \4 A2 `5 H
Css里需要那个高度比宽度值

YHCD_P div.ALL{width:358px;overflow:hidden;}
YHCD_P div.LEFT{position:relative;width:716px;}
YHCD_P div.RIGHT{position:relative;width:716px;margin-left:-100%;}

这个358,716怎么来的?

还有每张图高宽要完全相同，这比值才会固定?

vbnet · 发表于 2016-6-26 00:17:30

本帖最后由 vbnet 于 2016-6-26 00:18 编辑

chigre3 发表于 2016-6-24 04:488 r$ C6 X1 d# _3 r2 |  e5 a
2016.06.24更新：5 [  d3 X, i" x% T4 P* E- l
在手机端等小屏幕，2/3栏自动转为1栏显示，实用性暴涨！: X) m  A4 v, z* c5 x2 U
  20160624_图片版词典万能模 ...

这个原因?

chug
+ ^0 s: f( ^+ D) m) V& o
<link rel="stylesheet" type="text/css" href="DICT_P4.css"><DICT_P4>
6 M+ |7 D" D6 U; v c/ g
<PAG_R><a href="entry://#0230_1"><HW>chug</HW></a></PAG_R>
% m7 b7 e0 [2 J4 D: {: ]1 p
<PAG_1><a href="entry://chug">chug</a> / <a href="entry://chum">chum</a> / <a href="entry://chump">chump</a> / <a href="entry://chunk">chunk</a> / <a href="entry://chunky">chunky</a> / <a href="entry://church">church</a> / </PAG_1>/ E; ?* T5 v2 F. n: n
<PAG_3><a href="entry:// churlish"> churlish</a> / <a href="entry://churn">churn</a> / <a href="entry://chute">chute</a> / <a href="entry://chutzpah">chutzpah</a> / <a href="entry://CIA">CIA</a> / <a href="entry://cider">cider</a> / <a href="entry://cigar">cigar</a> / <a href="entry://cigarette">cigarette</a> / </PAG_3> G' h) R8 s) c" a5 X. s, X
<PAG_T>' x$ n, w7 D$ { Z3 e6 g
<a class="prev" href="entry://0229">0229</a>3 |0 m3 q0 r" p l6 w! `; j8 X
<a class="curr" href="entry://0230">0230</a>( u& A p% Q: |" B# ^" r4 K& `
<a class="next" href="entry://0231">0231</a>3 e( C; J8 n) H7 |6 Q
</PAG_T>+ c' b+ d6 p- {7 B1 v. J! x
<div class="ALL"><div class="LEFT">
1 B$ h1 M2 c7 n0 w9 ^& L
<a name="0230_1" href="entry://chug"><div class="HW_L_C" style="margin-top:16.62%"></div></a>. N+ Y* C2 }9 T+ @
<a name="0230_2" href="entry://chum"><div class="HW_L" style="margin-top:40.1%"></div></a>
# m- i* h. k& N* j: e$ J1 U
<a name="0230_3" href="entry://chump"><div class="HW_L" style="margin-top:45.51%"></div></a>2 M" K( P! F0 M9 t3 @1 s) i
<a name="0230_4" href="entry://chunk"><div class="HW_L" style="margin-top:65.96%"></div></a>: E! G* g' @/ I7 w* ]. s
<a name="0230_5" href="entry://chunky"><div class="HW_L" style="margin-top:92.08%"></div></a>
! T5 n. w- S* [
<a name="0230_6" href="entry://church"><div class="HW_L" style="margin-top:102.5%"></div></a>" t% a9 P( ~" T9 v* D
<img src="0230.png"/></div><div class="RIGHT">
+ t4 U# h9 u' ~
<a name="0230_7" href="entry:// churlish"><div class="HW_R" style="margin-top:37.99%"></div></a>+ s; ]& O* C* d5 O* q
<a name="0230_8" href="entry://churn"><div class="HW_R" style="margin-top:43.53%"></div></a>5 j: c5 G' t/ r# m! o& O8 J
<a name="0230_10" href="entry://chute"><div class="HW_R" style="margin-top:85.09%"></div></a>
+ N: K, e2 ?/ g4 i1 b) [, Y& X/ Y8 p) G
<a name="0230_12" href="entry://chutzpah"><div class="HW_R" style="margin-top:98.28%"></div></a>: g7 R6 i3 E) y4 w3 w# e0 U
<a name="0230_13" href="entry://CIA"><div class="HW_R" style="margin-top:113.32%"></div></a>
' S; U! O' ]9 i7 a
<a name="0230_15" href="entry://cider"><div class="HW_R" style="margin-top:124.14%"></div></a>4 ^/ h! W) @$ k! B5 h
<a name="0230_16" href="entry://cigar"><div class="HW_R" style="margin-top:124.01%"></div></a>6 w7 G2 e& W0 r& b* [; l% v7 @
<a name="0230_17" href="entry://cigarette"><div class="HW_R" style="margin-top:137.59%"></div></a>9 Q" B! Y3 S% y u5 f2 r$ q u
<img src="0230.png" />8 i; o9 N% f! L* x; }/ u
</div></div><PAG_T>9 C$ l) Q; h" R) s
<a class="prev" href="entry://0229">0229</a>
l; e7 ^ ?4 }, x5 z. |2 a
<a class="curr" href="entry://0230">0230</a>
$ k5 ~& v* y# G% r p( f4 _
<a class="next" href="entry://0231">0231</a>9 W7 v5 n- W2 j8 F% r& c( D2 n
</PAG_T></DICT_P4>1 u/ Z% s/ i: a
</>
8 ~- z" W! j3 Y% b+ g% P+ ~" H- q

复制代码

css

DICT_P4 {font-size:1em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
* P( \$ o8 p4 A4 g$ {2 s( R p. m
DICT_P4 a{text-decoration:none;color:inherit;}+ S7 p* }* M8 K' g! ?
DICT_P4 a:hover {text-decoration:underline;background-color:yellow;color:purple;}" a! j) T4 I* }, W. E8 n
DICT_P4 a.prev{display:inline-block;width:33.3%}8 Y" n1 a+ `0 a' ~. _/ w
DICT_P4 a.curr{display:inline-block;width:33.3%;}
+ u/ a; J) e3 N
DICT_P4 a.next{display:inline-block;width:33.3%}* z6 b7 F8 d7 S% @# W z' L
DICT_P4 HW{font-size:1.1em;font-weight:bold;}
V0 G# U+ x) y0 J" |
DICT_P4 HW::before{content:"➔ ";}
$ D' O( J [2 G( t5 t
DICT_P4 LIST_TOP{font-size:.75em;}
2 e$ V4 U3 P' L% ~% K6 p! l% h
DICT_P4 PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}4 C9 T, y/ A' U/ k( L3 r1 m2 C) t
DICT_P4 PAG_L{display:block;background-color:#EFF2FB;color:blue;}
, @7 [; s# ^! L
DICT_P4 PAG_R{display:block;background-color:#FBEFF8;color:red;}2 u2 V# Y5 N0 A) t
DICT_P4 div.S_PAG img {width:100%;}& F* }) K, s' H5 w; R3 @1 G* s
DICT_P4 div.HW_L{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}
+ o6 ^/ v E; O2 k
DICT_P4 div.HW_L_C{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:blue;opacity:0.2;}
; v: D) u6 g$ o! q3 N* }: o
DICT_P4 div.HW_R{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}/ f% O; |- c) v% T/ E0 q, m
DICT_P4 div.HW_R_C{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:red;opacity:0.2;}
1 P, B' |# ^- B u5 J/ C1 F
DICT_P4 PAG_1{display:block;font-size:1.1em;font-weight:bold;background-color:#EFF2FB;color:blue;}
" ^' E3 V# A, O6 Z- G
DICT_P4 PAG_3{display:block;font-size:1.1em;font-weight:bold;background-color:#FBEFF8;color:#FFA500;}9 a$ v; G. y! ~$ m6 W$ w1 Q0 }/ C
3 b" K5 }: w0 E5 f
@media screen and (max-width:400px) {2 b( f1 ~/ l. _4 G
DICT_P4 a.prev::before{content:"上: "}
& k9 C8 C' L1 }4 w9 ^( i
DICT_P4 a.curr::before{content:"● "}6 H# Y, `; u! q
DICT_P4 a.curr::after{content:" ●"}
2 g3 `: `; a+ l! C0 B. `
DICT_P4 a.next::before{content:"下: "}
* M% R( o( v+ O1 k5 g
DICT_P4 div.ALL{width:358px;overflow:hidden;}
. }6 R, c( f8 _- ~9 g7 _2 y
DICT_P4 div.LEFT{position:relative;width:716px;}
% b) x1 H: o: n; x4 T, b1 G
DICT_P4 div.RIGHT{position:relative;width:716px;margin-left:-100%;}
6 c* }, E1 m* [7 h# H; F
DICT_P4 img {width:100%;height:auto;} x# x6 p. s3 M5 j: p$ H+ ~
}9 B! F# ~6 U4 @* Q5 I' s
/ k. [/ i6 x" p, G* W
@media screen and (min-width:401px) {" ?1 j, W$ Z( u6 s" _* _( {
DICT_P4 a.prev::before{content:"上一页: "}
]; ~" d+ m3 f+ L& c" U3 [4 T
DICT_P4 a.curr::before{content:"当前页: "}8 ^+ K: w7 q' l2 g
DICT_P4 a.next::before{content:"下一页: "}9 E5 f* i9 S M3 m
DICT_P4 div.ALL{width:100%;overflow:hidden;}
' U- }% r4 k( K8 M
DICT_P4 div.LEFT{position:relative;display:hidden;}* v+ l) W* I0 B+ v9 {
DICT_P4 div.RIGHT{position:relative;width:100%;margin-left:0;margin-top:-154.58%;}/*高度H÷宽度W*/
2 b% D }5 b% D% b/ W' Y
DICT_P4 img {width:100%;height:auto;}
; F: {0 X4 r4 ]/ U. U/ W4 P9 n2 |, s
}
9 O, r9 Z! A& n( x

复制代码

chigre3 · 发表于 2016-6-26 01:12:42

vbnet 发表于 2016-6-25 23:403 O' f1 u$ k' o# ]
YHCD_P div.ALL{width:358px;overflow:hidden;}
6 h/ e# L% e* n( EYHCD_P div.LEFT{position:relative;width:716px;}8 @0 F+ w4 R4 z
YHC ...

我自己的手机屏幕宽度为360px
为了避免产生横向的滚动条就左右减少1px = 358px
那么图片宽度应该是它的2倍 = 716px
其一半被另外一个外层的div(width=358px)遮掩超出部分隐藏

chigre3 · 发表于 2016-6-26 01:45:20

vbnet 发表于 2016-6-26 00:172 J7 O( ~- C' `9 l* g& ?
这个原因?

<a class="prev" href="entry://0229">0229</a><a class="curr" href="entry://0230">0230</a><a class="next" href="entry://0231">0231</a>
上一页当前页下一页都要在一行内！！！

chigre3 · 发表于 2016-6-26 07:42:08

2016.06.26更新：
1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误
2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056
CSS里其实很多数据都是需要自行调整至最优化的！

一个词条的txt、CSS：

amazing4 G, N0 i- k" q/ N. Y, p* ~
<link rel="stylesheet" type="text/css" href="ECD2_P.css">9 x) \5 E O+ r6 H% F& P
<ECD2_P>8 O8 f. n6 u8 l1 p! j- Z. r4 t
<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>% D' t: t5 `, ?+ Z
<PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>
1 ]" d/ \3 u# r- h
<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>9 @" W/ N' P6 \
<div class="ALL"> {9 {4 M, B8 b
<div class="LEFT">
% F/ B$ A2 q9 a7 I! ?) e' t% o- M- L
<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>
5 @, A; X, Q. J; }+ ~3 Z, n n) }
<img src="0056.png"/>4 J. V# V! \# B; V/ h
</div>7 t1 e2 J$ h: W# d' V2 B! d9 B: p
<div class="MID">
# P( y* [9 n: G/ x4 v
<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>; F5 C; e1 O& y g3 d
<img src="0056.png"/>
/ Q, |) t4 o7 _+ u& K
</div>
" N7 v+ ]3 y) J5 t# s
<div class="RIGHT">
/ H( S/ Q$ B+ `: g0 e6 U! ]
<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>8 H9 b7 \* y% U
<img src="0056.png"/>9 U: k9 w3 C6 t$ }4 F/ b1 m4 ?
</div>
; ^1 f, f) e: T% J m" d' y
</div>
$ w# X7 ~. P: 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>
# e; x% K" n* R
</ECD2_P>" Q& I- j8 A7 {" Q. ~
</>) b2 ~5 j: v2 e1 |9 ?0 m

复制代码

ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}# Y) v" {( k5 z
ECD2_P a{text-decoration:none;color:inherit;}0 p1 D: H4 s+ x# g
ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}) y. n; o! q& z8 | H2 Z
ECD2_P a.prev{display:inline-block;width:33.3%}
3 C7 b" ~( h; S2 V
ECD2_P a.curr{display:inline-block;width:33.3%;}
}" h4 z' }/ |4 H1 k+ K
ECD2_P a.next{display:inline-block;width:33.3%}4 X# ~' z) c$ c! C& W
ECD2_P HW{font-size:1.1em;font-weight:bold;}
: e+ D T8 o$ w3 G7 Y
ECD2_P HW::before{content:"➔ ";}
1 }& `( ~0 v/ J" |
ECD2_P LIST_TOP{font-size:.75em;}
# @- r6 R* _$ s
ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}1 R: j% _, E- f( A5 e/ k
ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
. d& q- [) }4 W2 m
ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}1 S7 X8 S, N( t. T# ?6 l5 Z
ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}
! w6 o; R! a/ t% Y+ i3 v
ECD2_P div.S_PAG img {width:100%;}
k1 y# ?+ d, F& I: c, @7 Y
ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}! S$ j2 @ F, I
ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}" |2 P4 f: ~9 i. X/ b. j" V3 |$ C
ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}
1 m" ~# o( v. U1 t0 r
ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}
/ F4 o9 k5 g* q& u! ?0 C4 f
ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}
4 W& x6 @/ J e9 g( R0 ~; m( [
ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}
8 h& I( Y2 F- i$ g3 g3 Z$ l9 G
5 J4 _; s# w( f( T& Y3 v) l& a
@media screen and (max-width:400px) {
' K K' w- U3 A. Y7 H5 t
ECD2_P a.prev::before{content:"上: "}
2 R+ }. v1 {; q" A, C: n4 A
ECD2_P a.curr::before{content:"● "}& F. ~# n7 S/ G. @& m6 P
ECD2_P a.curr::after{content:" ●"}
2 J' |- h- U/ X+ d2 {5 ~+ m B
ECD2_P a.next::before{content:"下: "}
6 F4 ]- @9 Y9 _, `8 Z' b
ECD2_P div.ALL{width:358px;overflow:hidden;}, J; L* c6 T+ K; ]: c. L: B
ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
3 ?( `& ^7 O+ X0 w" m* N- e
ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}
6 T1 N6 C* C; j' }4 U6 T
ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
6 M* h7 i2 ]6 ^" @6 V t- x7 r& h
ECD2_P img {width:100%;height:auto;}4 ?7 {8 ]3 Q# x0 z
}
* r% s3 f# s! Q
3 m. g2 S A- ~! s: i0 u* L1 R* _
@media screen and (min-width:401px) {
4 y2 c8 ?0 ~$ c( Z3 ^
ECD2_P a.prev::before{content:"上一页: "}
; I; `( `& p! E4 n, e b- p, h) J
ECD2_P a.curr::before{content:"当前页: "}8 a$ ~: A+ }, \
ECD2_P a.next::before{content:"下一页: "}% @$ f/ p2 I7 @! P; w) e# l
ECD2_P div.ALL{width:100%;overflow:hidden;}4 e) l T% n$ a! U( {/ P
ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}2 Y1 r8 A/ `6 z6 m& [) o$ f5 E
ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/: Y7 ~# }6 T" w& [& N5 k% ?
ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
& W' r) ], u9 B. X8 A& d. i* i
ECD2_P img {width:100%;height:auto;}
# }9 b) X+ y! H/ Z! t" U. x6 C
}
& D- m! M$ j8 Y. G ^

复制代码

vbnet · 发表于 2016-6-26 09:13:54

chigre3 发表于 2016-6-26 01:45: ] P! _2 ]6 J4 z# ]9 k: k* W
022902300231
! K: U) u: D ]/ e+ P# [* L上一页当前页下一页都要在一行内！！！

了解了!谢谢

chigre3 · 发表于 2016-6-28 19:51:12

vbnet, 只是问一下有没有这个可能：
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当前高亮词头。
在弄第二个图片版词典，词头索引当时整理得不是100%正确，有时多，有时缺，鼠标按过去后好一会儿才发现问题。
我想如果鼠标处有【浮动的当前高亮词条】，就可以及时发现问题 --> 增删词条。

zhu1234 · 发表于 2016-6-28 20:00:23

chigre3 发表于 2016-6-28 19:51
$ Y' |0 v$ N& d5 wvbnet, 只是问一下有没有这个可能：6 e" C$ H+ V$ g& n3 @, x, l
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

这个不错。原软件在插入删除词条时，用起来不是很方便。

chigre3 · 发表于 2016-6-28 20:11:04

zhu1234 发表于 2016-6-28 20:00
0 Y# K0 D* c5 _* Q. ~5 p+ N- o这个不错。原软件在插入删除词条时，用起来不是很方便。

插入、刪除詞條還是好用的
我就是想有一個【直接的詞條】在鼠標處提示更加方便

vbnet · 发表于 2016-6-28 20:36:30

chigre3 发表于 2016-6-28 19:51
4 f; Z% a" v4 y/ g1 Svbnet, 只是问一下有没有这个可能：3 J& ~0 U- a- ^6 X
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

类似鼠标取词那样?

vbnet · 发表于 2016-6-28 21:54:10

chigre3 发表于 2016-6-28 19:51
6 @+ `$ ?- A$ x4 P: a& s, evbnet, 只是问一下有没有这个可能：' X7 {1 j: X* k ^
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

试试

zhu1234 · 发表于 2016-6-28 22:18:57

vbnet 发表于 2016-6-28 21:54
2 ~- E0 H1 k3 [) v! R+ R) w% ?试试

逢更新，必顶。。。。。。。。

chigre3 · 发表于 2016-6-29 04:31:59

vbnet 发表于 2016-6-28 21:54
; \7 X: `: g4 O) R( ^3 a4 E试试

现在在用着！谢谢！

chigre3 · 发表于 2016-6-29 05:10:50

vbnet 发表于 2016-6-28 21:54
1 n7 w2 N( y8 f G. [6 b( ?试试

可否作为【选项】√ 选择是否显示【高亮词头悬浮框】？

vbnet · 发表于 2016-6-29 19:58:08

chigre3 发表于 2016-6-29 05:10& N5 y5 ?2 ^# O
可否作为【选项】√ 选择是否显示【高亮词头悬浮框】？

好了!

adv12 · 发表于 2016-6-29 23:59:33

制作图片词典的神器!

chigre3 · 发表于 2016-6-30 03:46:52

vbnet 发表于 2016-6-29 19:58# ? O, s7 o2 ^1 g
好了!

谢谢更新！暂时没有新的建议。

fedor · 发表于 2016-7-1 10:45:14

老大，20160618_2更新的三合一版，其中的跳转窗口能不能做成前端显示啊？画线版的这个跳转窗口就是一直前端显示的，方便随时查看。

vbnet · 发表于 2016-7-1 19:52:41

fedor 发表于 2016-7-1 10:45
, l3 E' G5 q& m老大，20160618_2更新的三合一版，其中的跳转窗口能不能做成前端显示啊？画线版的这个跳转窗口就是一直前端 ...

20160701更新

>>三合一版
更新三合一版，其中的跳转窗口做成前端显示

zhu1234 · 发表于 2016-7-1 19:57:53

不忘初心，继续前进。。。。。。。

vbnet · 发表于 2016-7-1 20:10:54

20160701更新

>>三合一版
更新三合一版，其中的跳转窗口做成前端显示

>>双栏坐标版
选择是否显示【高亮词头悬浮框】

fedor · 发表于 2016-7-9 21:10:22

老大，你开发的软件一直以来我都是在win10下使用的，昨天在办公室的台式机win7系统上用了一下画线版，发现软件中打开图片时，鼠标滚轮无法上下滚动图片，只能鼠标点击右侧的滚动条来上下移动，很不方便。不知道是不是我的个例。

vbnet · 发表于 2016-7-9 23:17:38

fedor 发表于 2016-7-9 21:10
4 Y" y. g" e; W: x' t% v4 r老大，你开发的软件一直以来我都是在win10下使用的，昨天在办公室的台式机win7系统上用了一下画线版，发现 ...

win7是用line 20160621的版本吗?

		自动登录	找回密码
密码			免费注册

[工具] (20200512彩色版Release)_制作图片字典工具的试作

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源