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

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

vbnet 发表于 2016-6-25 21:51 w' w; s1 i* i. f) y- l' K& p, y- E
有空再弄个for手机版好了，现有的程式不动% k3 {1 s7 O# A1 Z+ J) A
要加个高度值

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

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

chigre3 发表于 2016-6-25 22:01
) q e0 B3 B0 \现有的稍微修改下把左右分开都添加图片即可4 d& L9 C i% g' ?
Css里需要那个高度比宽度值

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

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

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

chigre3 发表于 2016-6-25 22:01
8 P& v9 Y7 F }: Z6 Q# ]现有的稍微修改下把左右分开都添加图片即可
* z& [+ [3 z) s uCss里需要那个高度比宽度值

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:48
. ~3 C! v' e/ e6 ~/ R. r% t8 C$ F2016.06.24更新：" w% V6 e% ^8 G
在手机端等小屏幕，2/3栏自动转为1栏显示，实用性暴涨！& @0 I' D5 B) F p
20160624_图片版词典万能模 ...

这个原因?

chug
% O0 Q* [0 u4 k+ j% j$ P3 f
<link rel="stylesheet" type="text/css" href="DICT_P4.css"><DICT_P4>4 s" I% b. }9 N
<PAG_R><a href="entry://#0230_1"><HW>chug</HW></a></PAG_R>
5 _# L2 G1 k9 E
<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>
2 v. w8 b" b* e
<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>
$ _& }# b$ z9 l
<PAG_T>
# Q/ `% ~2 Q0 r% o/ ^7 p' ]
<a class="prev" href="entry://0229">0229</a>
+ n+ d* d4 ?7 j& a: n. Y- u# p
<a class="curr" href="entry://0230">0230</a>( B5 M7 p @0 O! |9 a" _5 l
<a class="next" href="entry://0231">0231</a>3 z; a* r1 o* V
</PAG_T>
4 n" M0 ], U: J1 A# ?0 e6 f& ~
<div class="ALL"><div class="LEFT">
2 ?, e- R5 N- N1 r, C
<a name="0230_1" href="entry://chug"><div class="HW_L_C" style="margin-top:16.62%"></div></a>
( z! y# Y. Y+ h
<a name="0230_2" href="entry://chum"><div class="HW_L" style="margin-top:40.1%"></div></a>" x3 z: ~/ c0 k1 G/ t2 _: X
<a name="0230_3" href="entry://chump"><div class="HW_L" style="margin-top:45.51%"></div></a>
( Y& e9 G! _( ]4 Z; E0 q3 e# z
<a name="0230_4" href="entry://chunk"><div class="HW_L" style="margin-top:65.96%"></div></a>
# m; w9 M% T [7 L) V v5 b
<a name="0230_5" href="entry://chunky"><div class="HW_L" style="margin-top:92.08%"></div></a>2 f3 @ C5 ^2 H" A+ q* Y' f2 m
<a name="0230_6" href="entry://church"><div class="HW_L" style="margin-top:102.5%"></div></a>
( z- k/ O6 }8 _! S' u
<img src="0230.png"/></div><div class="RIGHT">0 t( P: Q. L; j
<a name="0230_7" href="entry:// churlish"><div class="HW_R" style="margin-top:37.99%"></div></a>2 S3 b' @4 ?. `; o; o( k3 ~/ Q" w
<a name="0230_8" href="entry://churn"><div class="HW_R" style="margin-top:43.53%"></div></a>
s9 v) D m8 o2 U; Z+ T: N( n
<a name="0230_10" href="entry://chute"><div class="HW_R" style="margin-top:85.09%"></div></a>
& n" g# @; I3 l
<a name="0230_12" href="entry://chutzpah"><div class="HW_R" style="margin-top:98.28%"></div></a>
) `, E" J! }7 l/ v% `+ k
<a name="0230_13" href="entry://CIA"><div class="HW_R" style="margin-top:113.32%"></div></a>
( M, w4 V5 k, ?& X: d$ ? }5 x1 e
<a name="0230_15" href="entry://cider"><div class="HW_R" style="margin-top:124.14%"></div></a>
; g g9 K ~7 u( P
<a name="0230_16" href="entry://cigar"><div class="HW_R" style="margin-top:124.01%"></div></a>* z+ F" C% ?7 F9 O$ B* |! W7 r
<a name="0230_17" href="entry://cigarette"><div class="HW_R" style="margin-top:137.59%"></div></a>
' v6 C( u/ ?9 a
<img src="0230.png" />0 ^/ R3 Q; A+ e& J
</div></div><PAG_T>
: @; ]* V9 z. W9 O. h
<a class="prev" href="entry://0229">0229</a>
" T, u3 Q7 E9 B, E5 a% K( A
<a class="curr" href="entry://0230">0230</a>
9 H5 ` I1 X* F" ]- p9 T
<a class="next" href="entry://0231">0231</a>) U) K6 E: y; x* P! C* ]5 M6 T
</PAG_T></DICT_P4>
8 S. @" F$ `/ @" d2 @' o" F
</>! T2 {3 s( `7 T# m9 c

复制代码

css

DICT_P4 {font-size:1em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
/ h* _3 X" T. L) g" R- M& v
DICT_P4 a{text-decoration:none;color:inherit;}$ S# d6 A# _9 d$ L& h$ O
DICT_P4 a:hover {text-decoration:underline;background-color:yellow;color:purple;}" P; O0 l1 n7 |
DICT_P4 a.prev{display:inline-block;width:33.3%}& @2 o4 y# C" |) Z0 t! D+ t t
DICT_P4 a.curr{display:inline-block;width:33.3%;}$ { z+ s1 t+ N( I6 z
DICT_P4 a.next{display:inline-block;width:33.3%}
5 T. z$ H$ D* L7 ^9 G- M0 C
DICT_P4 HW{font-size:1.1em;font-weight:bold;}
4 V& ]& k& Q |6 u* e
DICT_P4 HW::before{content:"➔ ";}3 X2 ?7 l: H1 i3 R. |5 N
DICT_P4 LIST_TOP{font-size:.75em;}& r; v4 N2 \, y8 w+ S2 p1 s/ |: r
DICT_P4 PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
( v' X3 B- h4 j) E& d0 s
DICT_P4 PAG_L{display:block;background-color:#EFF2FB;color:blue;}+ W: l ?1 M" U- }
DICT_P4 PAG_R{display:block;background-color:#FBEFF8;color:red;}
& {5 a( n- v# V! n' i+ V4 h
DICT_P4 div.S_PAG img {width:100%;}$ d' K) p3 @" f7 \& t
DICT_P4 div.HW_L{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}
3 Y. D1 w, Y; S- W1 u
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;}- J- h1 J W. [0 `
DICT_P4 div.HW_R{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}$ B, j. s1 V5 y6 s! U3 U4 ]2 ]& h
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;}
4 e% F) G" f6 F" n" L
DICT_P4 PAG_1{display:block;font-size:1.1em;font-weight:bold;background-color:#EFF2FB;color:blue;}' P. q; R! c7 m+ r
DICT_P4 PAG_3{display:block;font-size:1.1em;font-weight:bold;background-color:#FBEFF8;color:#FFA500;}, S5 ?1 z. {! Z& X& @& }$ k6 |
* P. d7 U1 Y: s6 W* H* S) [3 ^
@media screen and (max-width:400px) {
; t7 D: R6 y% ]8 P+ W6 ~2 T
DICT_P4 a.prev::before{content:"上: "}
1 b2 I# ^: V% T- [
DICT_P4 a.curr::before{content:"● "}& f6 C, l1 O8 r0 D9 h3 \) ^
DICT_P4 a.curr::after{content:" ●"}. o1 j2 U$ J* E* v4 g: b
DICT_P4 a.next::before{content:"下: "}
$ J, E& x+ y+ w) K8 l; K4 n3 ^
DICT_P4 div.ALL{width:358px;overflow:hidden;}
( ?8 e/ t( X. m
DICT_P4 div.LEFT{position:relative;width:716px;}. ~" b/ d$ q) y9 ]- ?5 E6 ?
DICT_P4 div.RIGHT{position:relative;width:716px;margin-left:-100%;}. t. u* f6 `4 ?& K5 v
DICT_P4 img {width:100%;height:auto;}7 ~2 `' j3 ?* c4 `$ S
}& A( u5 C6 f' `8 _
+ W4 H! U1 l3 \% ~# m: f
@media screen and (min-width:401px) {. O1 |- o6 {+ @) r: O. f
DICT_P4 a.prev::before{content:"上一页: "}
Y! q% T( I" b* u1 O
DICT_P4 a.curr::before{content:"当前页: "}
; V# `1 Z* `; B% y. c# P
DICT_P4 a.next::before{content:"下一页: "}3 r$ k4 a `. U& a9 s) ]. Z) j g
DICT_P4 div.ALL{width:100%;overflow:hidden;}# |% v, q; G) H* g( m- g+ c' N
DICT_P4 div.LEFT{position:relative;display:hidden;}- t0 {+ M2 R) ]0 f* }6 d
DICT_P4 div.RIGHT{position:relative;width:100%;margin-left:0;margin-top:-154.58%;}/*高度H÷宽度W*/' r1 D2 W3 J# q1 i) I a: A
DICT_P4 img {width:100%;height:auto;}& D4 M. G" `6 D2 B. o' Y9 r$ T
} ?6 [0 B W; ]3 l, | n

复制代码

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

vbnet 发表于 2016-6-25 23:408 ?9 W# Z% v# s
YHCD_P div.ALL{width:358px;overflow:hidden;}
' ?6 Q, V9 k2 \' I! SYHCD_P div.LEFT{position:relative;width:716px;}% i" T5 f- q3 A$ h+ e8 F8 b
YHC ...

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

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

vbnet 发表于 2016-6-26 00:17$ P: F% S: s; G% _1 f9 {! X7 x+ t
这个原因?

<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：

amazing
7 \* z; r& [" A( H: _6 [
<link rel="stylesheet" type="text/css" href="ECD2_P.css">2 {; H1 M' g$ Z/ E6 p
<ECD2_P>4 n1 q, o* Q) F- A" 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>4 u8 u9 L1 i. ]. `
<PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>! F5 p: W" o) q
<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>
$ R5 E$ F) W: I: d5 a6 E
<div class="ALL">+ B' H: F1 U& o3 p! d& X7 x6 A
<div class="LEFT">0 H% @/ U i# S- l0 E' R
<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>
% ]- [: f8 V" T4 b+ p& U1 ~; }5 q
<img src="0056.png"/>' S( s% D4 J Q2 o% C6 M* @, k
</div>
" Z* ?7 @9 P+ a$ t' ^3 c6 s. V$ d
<div class="MID">
4 R3 ^0 f# o' t4 q d+ t
<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>8 ]. y# |6 j2 t/ f, F3 ^/ S4 s
<img src="0056.png"/>+ Z) t' s9 p( \7 g6 j6 \
</div>0 w3 O) p( t9 D l' U- p8 H
<div class="RIGHT">
8 k- O# Z0 B% `3 {6 K5 h: ^
<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>! x5 H# O' p: p8 E$ o" U- \/ o) V% Y
<img src="0056.png"/>
) ~( h, o& E4 ` s! k& k' N
</div>. c( v# K; |1 o1 i8 N7 P3 C
</div>$ b! Q( q `1 e5 [7 Q' y% \" Z
<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 k7 U* k9 N8 H+ D& v# g
</ECD2_P>
; M2 P- H( q* p8 l3 q4 h& ]' G( t
</>( H6 I$ L" N# v* Q f% G; o/ V- }

复制代码

ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
1 a9 \/ L3 ~( k
ECD2_P a{text-decoration:none;color:inherit;}
6 L1 z6 q" K" N2 B
ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}
- \: ]1 c6 ]* E0 j( _
ECD2_P a.prev{display:inline-block;width:33.3%}
5 L/ V! `: s" r. |) @
ECD2_P a.curr{display:inline-block;width:33.3%;}
' D0 z2 v/ N) L
ECD2_P a.next{display:inline-block;width:33.3%}
5 q) i4 S; q2 E6 `$ t, ~. h
ECD2_P HW{font-size:1.1em;font-weight:bold;}
. G! e- M6 B* V# x& Z/ B
ECD2_P HW::before{content:"➔ ";}) W4 s* x" z( l
ECD2_P LIST_TOP{font-size:.75em;}
7 X/ ~" V0 v/ P
ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
8 k7 L! s$ i3 ^) [8 a( q0 [: i: ]5 E2 n
ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}$ H. }# P5 M p
ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}
' w( A( X7 I6 ]7 q: t
ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}) `: A4 ^. x+ O' c! w* v
ECD2_P div.S_PAG img {width:100%;}
ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}
$ B N3 N! O* h9 h
ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}
- }0 U Z" _) d7 P
ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}
3 @1 d( t9 Z( J) [2 I [0 n* 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;}
) g# k% B0 ~3 V) h% R$ z
ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}. z' X! E+ t# {$ V# b! D9 S
ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}% z' p' P( m, M" L/ E2 b. ]7 W R
) i4 X) d8 u0 d" p5 k
@media screen and (max-width:400px) {3 U3 V ?% t+ A$ j. n o
ECD2_P a.prev::before{content:"上: "}
* k l1 c; V. ~2 _/ ?
ECD2_P a.curr::before{content:"● "}" \1 m1 f+ J- `4 S
ECD2_P a.curr::after{content:" ●"} H, a' e9 ?% Z& V- O/ u
ECD2_P a.next::before{content:"下: "}8 I. S' n6 d( h9 `1 o
ECD2_P div.ALL{width:358px;overflow:hidden;}$ M' f* i8 s0 n, [
ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
! D+ k h4 {3 q8 @% U
ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}
% D, }1 P% r$ r! a, \: v% b7 Z4 w
ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
$ R. [( x: w! C/ N% k9 J0 |
ECD2_P img {width:100%;height:auto;}
$ e3 h7 `3 L, d. Z8 J& C. r1 d6 m
}
& R2 m4 r* z6 C6 ]) n
( b" p, Q4 |' o: | y6 P
@media screen and (min-width:401px) {
; n4 q/ y- e- m
ECD2_P a.prev::before{content:"上一页: "}
! c" {+ L# D4 V2 d# t" t( n/ d
ECD2_P a.curr::before{content:"当前页: "}0 K# V- Z+ w5 V, `
ECD2_P a.next::before{content:"下一页: "}
1 F* r- x/ L3 [4 A0 y+ G' u
ECD2_P div.ALL{width:100%;overflow:hidden;}* A$ y5 W" X1 E( e% y/ t
ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}
: j+ X* e' }& F# G! L
ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
5 m+ j: w* j& S4 n j! s
ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
& r4 {: |5 d6 N# ~5 {
ECD2_P img {width:100%;height:auto;}2 `, z' ]- A& Z3 o( U9 g e/ @ e
}+ M4 f/ `, H; q6 J( ?, q" H: K* ^

复制代码

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

chigre3 发表于 2016-6-26 01:45/ G! |9 e. e8 n& W
022902300231* p- R, i5 l8 e; |) R D- f
上一页当前页下一页都要在一行内！！！

了解了!谢谢

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

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

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

chigre3 发表于 2016-6-28 19:51
$ x" V4 G) z& X3 [: M8 {vbnet, 只是问一下有没有这个可能：
* i3 r" h% Y2 p2 H2 N% B坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

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

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

zhu1234 发表于 2016-6-28 20:00* p& X% c/ j% _7 P3 X
这个不错。原软件在插入删除词条时，用起来不是很方便。

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

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

chigre3 发表于 2016-6-28 19:51
8 b& T$ |: z% F1 x4 p9 V0 b1 t/ l7 Uvbnet, 只是问一下有没有这个可能：% n7 E7 _* D$ _0 f
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

类似鼠标取词那样?

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

chigre3 发表于 2016-6-28 19:51' A9 w! e4 R$ H7 \5 ~2 ]
vbnet, 只是问一下有没有这个可能：1 s" M/ L+ e/ t3 T
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

试试

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

vbnet 发表于 2016-6-28 21:54' t% m4 f0 b. c% K* G
试试

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

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

vbnet 发表于 2016-6-28 21:54
9 B0 B1 v9 }+ V u3 M9 M试试

现在在用着！谢谢！

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

vbnet 发表于 2016-6-28 21:54# b' B3 F( H* `
试试

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

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

chigre3 发表于 2016-6-29 05:10
, b9 X) M0 _& `3 `8 q/ F可否作为【选项】√ 选择是否显示【高亮词头悬浮框】？

好了!

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

制作图片词典的神器!

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

vbnet 发表于 2016-6-29 19:58! n5 S" f; D! W3 c% o$ V9 u9 Q2 _: T
好了!

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

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

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

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

fedor 发表于 2016-7-1 10:45
( A5 e# F6 X7 m! W$ j6 |: A5 T4 A# F老大，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 C) y2 g8 i, x: g! f: k8 H
老大，你开发的软件一直以来我都是在win10下使用的，昨天在办公室的台式机win7系统上用了一下画线版，发现 ...

win7是用line 20160621的版本吗?

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

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

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源