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

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

vbnet 发表于 2016-6-25 21:514 s3 _& l( ?9 `2 @2 U
有空再弄个for手机版好了，现有的程式不动; s* N/ O# }& U# i$ t( _4 K9 o
要加个高度值

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

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

chigre3 发表于 2016-6-25 22:012 D9 M; o3 ~7 i
现有的稍微修改下把左右分开都添加图片即可) R3 q) `' k' Q) o( s6 Q
Css里需要那个高度比宽度值

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

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

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

chigre3 发表于 2016-6-25 22:01
% ~% `0 e* l4 F现有的稍微修改下把左右分开都添加图片即可5 [# x# p# m- y, ?6 u7 ]
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:48
% f- _5 p: c i& U+ M2016.06.24更新：, [/ P( ]7 s* }) a
在手机端等小屏幕，2/3栏自动转为1栏显示，实用性暴涨！4 R6 V/ Y- @2 D4 U9 f$ D. V3 x- A
20160624_图片版词典万能模 ...

这个原因?

chug
4 g' `4 @% e" y% L9 S+ p! d7 ] X% ?
<link rel="stylesheet" type="text/css" href="DICT_P4.css"><DICT_P4>$ e5 B1 J# n2 G! z
<PAG_R><a href="entry://#0230_1"><HW>chug</HW></a></PAG_R>9 e3 d9 K4 F H& J, z. X
<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>
9 }2 x2 z" P# B3 t0 b7 d/ d d
<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>
& d9 m6 G$ q! V0 V* ]
<PAG_T>; \6 m, i3 r5 Z0 ]8 R8 Z8 O: f6 g
<a class="prev" href="entry://0229">0229</a># `$ h2 C6 }4 e# k9 C" u
<a class="curr" href="entry://0230">0230</a>
. }( e2 F2 F! {+ Z. x+ ]7 t
<a class="next" href="entry://0231">0231</a>
; z4 a/ Z' n* e8 w
</PAG_T>0 `. E. D; \# n5 U
<div class="ALL"><div class="LEFT">
2 f6 o% X% l) ]7 @7 |& R
<a name="0230_1" href="entry://chug"><div class="HW_L_C" style="margin-top:16.62%"></div></a>" S0 N* _- e% ~6 U- _% c1 C
<a name="0230_2" href="entry://chum"><div class="HW_L" style="margin-top:40.1%"></div></a>
0 y% \8 f5 [' J3 h
<a name="0230_3" href="entry://chump"><div class="HW_L" style="margin-top:45.51%"></div></a>9 l8 n8 @# V# k* V6 D
<a name="0230_4" href="entry://chunk"><div class="HW_L" style="margin-top:65.96%"></div></a>
1 u' S5 p6 y+ ]8 _; x3 I. M( i( [4 ?
<a name="0230_5" href="entry://chunky"><div class="HW_L" style="margin-top:92.08%"></div></a>$ ~4 {( M* k1 D
<a name="0230_6" href="entry://church"><div class="HW_L" style="margin-top:102.5%"></div></a>
% j% _" x8 o# ^- K' h
<img src="0230.png"/></div><div class="RIGHT">
: T" q. l3 a& p# b' E" A7 C3 K( Q
<a name="0230_7" href="entry:// churlish"><div class="HW_R" style="margin-top:37.99%"></div></a>7 u) b. h( c k6 f: a. ~
<a name="0230_8" href="entry://churn"><div class="HW_R" style="margin-top:43.53%"></div></a>* ^/ Q% h3 G2 a E+ n1 f( S! o
<a name="0230_10" href="entry://chute"><div class="HW_R" style="margin-top:85.09%"></div></a>
5 V- g9 E" Y0 q' T% a& P3 M
<a name="0230_12" href="entry://chutzpah"><div class="HW_R" style="margin-top:98.28%"></div></a>, [1 s) j% p0 G/ U
<a name="0230_13" href="entry://CIA"><div class="HW_R" style="margin-top:113.32%"></div></a>
4 e* {: j- c) \
<a name="0230_15" href="entry://cider"><div class="HW_R" style="margin-top:124.14%"></div></a>$ I- |# X7 X0 E( ^0 m: j. L
<a name="0230_16" href="entry://cigar"><div class="HW_R" style="margin-top:124.01%"></div></a>1 U. d5 ^% y' P( K( f
<a name="0230_17" href="entry://cigarette"><div class="HW_R" style="margin-top:137.59%"></div></a>
% \' r2 | h. v1 i
<img src="0230.png" />' P F- |* u& B2 c8 f! {4 ~
</div></div><PAG_T>+ p5 r' M- t$ t
<a class="prev" href="entry://0229">0229</a>, R) h$ c0 d5 X8 W0 T4 n. L& @$ p
<a class="curr" href="entry://0230">0230</a>
. N5 f2 g9 }5 p+ A$ J; T6 U
<a class="next" href="entry://0231">0231</a>
$ p* o9 }" E. A, V* W" g0 z) d
</PAG_T></DICT_P4>* k2 W; u7 l/ n3 ~5 l& n# J6 [
</>
. _% K, }' u/ }& y' W! ~) y

复制代码

css

DICT_P4 {font-size:1em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
$ w8 ]. e' ^- r; c. Q) j: P
DICT_P4 a{text-decoration:none;color:inherit;}3 f& x9 L7 P _9 F' S' Y
DICT_P4 a:hover {text-decoration:underline;background-color:yellow;color:purple;}( F; z8 r# L# T* r- ]1 B
DICT_P4 a.prev{display:inline-block;width:33.3%}6 B* z6 u% a1 c0 b2 y) k
DICT_P4 a.curr{display:inline-block;width:33.3%;}0 N5 s3 [- f- N( `+ h
DICT_P4 a.next{display:inline-block;width:33.3%}
" v+ B% T1 |; G+ Y) \1 m: ~8 w
DICT_P4 HW{font-size:1.1em;font-weight:bold;}' t& d$ J. G3 S, U5 s5 |" s" n
DICT_P4 HW::before{content:"➔ ";}
: q+ m, d7 V1 K3 i* ~" F
DICT_P4 LIST_TOP{font-size:.75em;}3 ]% K( @. G( r5 \" l
DICT_P4 PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}9 F- f3 N" q! c, x5 M5 f
DICT_P4 PAG_L{display:block;background-color:#EFF2FB;color:blue;}5 P( T P) Y+ K) a* Q$ L" h/ g
DICT_P4 PAG_R{display:block;background-color:#FBEFF8;color:red;}2 [6 f' V( Q& g, _
DICT_P4 div.S_PAG img {width:100%;}
) P% Z1 l" H' L9 S) [2 s6 O
DICT_P4 div.HW_L{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}$ H) i0 {: K2 X& r
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;}0 S. S! B* P8 e* I
DICT_P4 div.HW_R{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}
' T& D5 a2 u. M; k9 L
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;}
7 O, C- u4 O6 x. w
DICT_P4 PAG_1{display:block;font-size:1.1em;font-weight:bold;background-color:#EFF2FB;color:blue;}, c7 _- b0 m* o
DICT_P4 PAG_3{display:block;font-size:1.1em;font-weight:bold;background-color:#FBEFF8;color:#FFA500;}: Y$ d$ I3 W& {+ T
1 K( [3 h/ A- ^7 S( g# {
@media screen and (max-width:400px) {+ _, Z3 H8 r1 J/ ?5 \
DICT_P4 a.prev::before{content:"上: "}
9 A. Z3 c5 f4 l8 H I
DICT_P4 a.curr::before{content:"● "}
9 d, c6 d) S" n7 P
DICT_P4 a.curr::after{content:" ●"}! t* r2 D( N8 y$ l
DICT_P4 a.next::before{content:"下: "}
- j& a4 I" c7 W; |
DICT_P4 div.ALL{width:358px;overflow:hidden;}
7 O% y( V% H/ e! Y# P" q( X4 L
DICT_P4 div.LEFT{position:relative;width:716px;}2 X$ Z8 e7 t7 E
DICT_P4 div.RIGHT{position:relative;width:716px;margin-left:-100%;}
2 O& G- T5 D' R* O
DICT_P4 img {width:100%;height:auto;}2 P: u- `6 c: N
}7 Z6 E' X; v4 B% M* t
- i7 P1 m0 Q9 ^
@media screen and (min-width:401px) {
3 f4 ^" V- Z: X5 g' Z4 x" D8 t
DICT_P4 a.prev::before{content:"上一页: "}
3 t2 n7 s7 W* Y! l* ]& i
DICT_P4 a.curr::before{content:"当前页: "}
, ?# Z8 Z) R# O
DICT_P4 a.next::before{content:"下一页: "}
# v" q6 b$ K$ _* X0 T, J
DICT_P4 div.ALL{width:100%;overflow:hidden;}2 r# R k, j# R* P# M
DICT_P4 div.LEFT{position:relative;display:hidden;}
: ~" o T6 B' ?$ _( [
DICT_P4 div.RIGHT{position:relative;width:100%;margin-left:0;margin-top:-154.58%;}/*高度H÷宽度W*/% y0 l% ~% y! d- I' }
DICT_P4 img {width:100%;height:auto;}9 U* L. f2 j" H/ r' o! A
}8 m1 L: `# b1 I" V! ~ |

复制代码

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

vbnet 发表于 2016-6-25 23:40
8 ?3 a3 }# K2 c- ?2 ]" B- U) [3 d5 iYHCD_P div.ALL{width:358px;overflow:hidden;}5 \) ?" N# Y$ \7 a
YHCD_P div.LEFT{position:relative;width:716px;}
# K/ |6 A, ~8 Z; BYHC ...

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

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

vbnet 发表于 2016-6-26 00:17- m" V- G1 [) p M9 x5 h& Z
这个原因?

<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
( v/ b U. i$ N. I2 P5 B3 j
<link rel="stylesheet" type="text/css" href="ECD2_P.css">
$ W1 M! W* G3 ?9 X( g+ J
<ECD2_P>
6 m4 c1 i2 g" E" N+ ]
<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 N' `& z' C( @) s, \
<PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>5 p. B0 }; S/ j1 c4 Y/ ]
<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>
( e0 ?3 t b. D5 k
<div class="ALL">- [3 f; G" p4 v u2 n
<div class="LEFT">0 n+ L h9 V; q* V [9 Y4 Z
<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>
/ D) ]( X7 x8 O4 Q
<img src="0056.png"/>
3 c, l/ ]: i0 d) C3 L
</div>
" j- I F- W+ m- B( z+ C
<div class="MID">
: O2 V7 U+ V# {9 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>
{, A9 n$ F( R1 g
<img src="0056.png"/>
' W, N7 d: t' T- G; L1 k" b
</div>
7 |' x9 ?* ]$ w3 Q
<div class="RIGHT">0 m3 G9 z" w L
<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>
4 `: h( R% p4 l9 ]& O u
<img src="0056.png"/>/ k {, X/ o/ l. R# K) p
</div>* U7 h) ^& {7 x- b" i: ?
</div>
8 M6 w* k7 B" d
<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>
$ s& j, z4 M+ a: Y" @
</ECD2_P>( j5 A# v8 }% y/ z" x0 t/ F
</>9 T5 w6 |) D0 F w1 O! A

复制代码

ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}/ g9 W) |: R x8 o" R3 V
ECD2_P a{text-decoration:none;color:inherit;}
' @6 a3 v; v! x
ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}
. J3 `, q' W8 f* [1 m, e5 q$ M; H, P
ECD2_P a.prev{display:inline-block;width:33.3%}
" X, v3 {) t5 a3 U4 e
ECD2_P a.curr{display:inline-block;width:33.3%;}0 v# i: @% W5 p0 ]
ECD2_P a.next{display:inline-block;width:33.3%}
3 b% j Y+ I( C" c/ l
ECD2_P HW{font-size:1.1em;font-weight:bold;}7 H0 G v; H+ q% F
ECD2_P HW::before{content:"➔ ";}
2 ^ Q4 Q k: v ^( q. z
ECD2_P LIST_TOP{font-size:.75em;}2 @: n$ D# G" R) V* u
ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}7 ~( a& [- b7 V
ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
% N+ v7 W6 q6 k h: V
ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}
7 _: p7 R- M& E1 E0 b
ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}
4 t; h7 B3 b+ N, W1 K6 J5 j
ECD2_P div.S_PAG img {width:100%;}; L( C V1 O' G1 O/ c( D* Z2 x
ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}0 ^2 w f, {6 ~- w
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 k3 @) W, M3 Y5 Q
ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}
' |4 t( A* J- P
ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}
( M0 a2 y% S9 f# Q& u7 d R
ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}8 q% o" R4 d n. ^: Q; P) _
ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}
' A2 v9 L/ G' c" w- z1 r0 Y
8 H! S# {/ f; D3 m$ J4 B" u5 ]
@media screen and (max-width:400px) {$ U( B) v7 C: k: [+ K: v
ECD2_P a.prev::before{content:"上: "}
o" _% {3 g9 ^2 `6 P$ W
ECD2_P a.curr::before{content:"● "}0 [9 ?! b/ L q' r
ECD2_P a.curr::after{content:" ●"}8 a: D( t: F0 ?* }7 Y5 U
ECD2_P a.next::before{content:"下: "}+ K" o2 e# x7 Y% _, J
ECD2_P div.ALL{width:358px;overflow:hidden;}. {$ @. h2 j5 S/ g) y9 c0 l
ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
+ w3 u! J5 M* S# W3 b# f0 F9 [
ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}+ s3 G1 L; u, R7 a3 Z7 A9 [
ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
/ h2 Q- p' h, @, u
ECD2_P img {width:100%;height:auto;}
8 }9 K2 w0 F/ M1 g
} M, \. F' J+ W
. E( ?9 V1 M; w, ]
@media screen and (min-width:401px) {) X0 g; y4 W& m& a
ECD2_P a.prev::before{content:"上一页: "}0 B! K% L7 a7 T6 f$ F* o* v
ECD2_P a.curr::before{content:"当前页: "}
3 g( ?: [. Y, L2 W
ECD2_P a.next::before{content:"下一页: "}2 f& I! c3 w" f6 V8 Z
ECD2_P div.ALL{width:100%;overflow:hidden;}; r8 Y' W( q2 e& ~- Y
ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}; B3 U* C! U% L1 m6 D% E6 I. X
ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/6 O' [% C" S3 B* ]6 r+ x
ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
$ J" t. }- W+ }% o8 X, I4 e3 Z9 A
ECD2_P img {width:100%;height:auto;}7 R/ `( V# u$ \/ A6 m8 J( N
}& C5 U& |. y; J

复制代码

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

chigre3 发表于 2016-6-26 01:45
& i/ l* f( h2 K0229023002311 A9 ?$ o% d8 d0 W0 `, y& J
上一页当前页下一页都要在一行内！！！

了解了!谢谢

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

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

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

chigre3 发表于 2016-6-28 19:51
; O. O5 S- U1 F! T7 cvbnet, 只是问一下有没有这个可能：
* `7 m! c" b" j: O. I$ ^坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

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

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

zhu1234 发表于 2016-6-28 20:00& L1 U5 M5 p! i# w; Z# |7 C
这个不错。原软件在插入删除词条时，用起来不是很方便。

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

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

chigre3 发表于 2016-6-28 19:51/ ], ^# v4 A+ J# e
vbnet, 只是问一下有没有这个可能：
9 ^7 c& u5 E1 r( N n' X& E坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

类似鼠标取词那样?

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

chigre3 发表于 2016-6-28 19:51
3 k2 G( J5 W& S# g# O u$ w) evbnet, 只是问一下有没有这个可能：
' |2 d4 R$ u* y- D坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

试试

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

vbnet 发表于 2016-6-28 21:54
1 _. a' o7 a5 c1 Q" S试试

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

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

vbnet 发表于 2016-6-28 21:54" B% ~8 ]0 k* C+ e; D0 ^
试试

现在在用着！谢谢！

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

vbnet 发表于 2016-6-28 21:54+ \7 t6 P* d! p1 F1 x. {
试试

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

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

chigre3 发表于 2016-6-29 05:109 k# P9 h' \7 y1 d0 }: J) U: t
可否作为【选项】√ 选择是否显示【高亮词头悬浮框】？

好了!

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

制作图片词典的神器!

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

vbnet 发表于 2016-6-29 19:58
9 _. p0 z, r+ O好了!

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

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

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

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

fedor 发表于 2016-7-1 10:45
+ p6 P2 J) s1 v老大，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:101 h" }# B! L) |1 U' z+ \
老大，你开发的软件一直以来我都是在win10下使用的，昨天在办公室的台式机win7系统上用了一下画线版，发现 ...

win7是用line 20160621的版本吗?

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

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

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源