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

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

vbnet 发表于 2016-6-25 21:51
9 k9 f( u% ~0 l) J) z有空再弄个for手机版好了，现有的程式不动
5 w4 |" h: y$ q2 r. A, ]要加个高度值

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

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

chigre3 发表于 2016-6-25 22:013 Z& M3 j% a8 [$ u& u4 v
现有的稍微修改下把左右分开都添加图片即可
/ X, B# I* ?) I* _Css里需要那个高度比宽度值

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

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

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

chigre3 发表于 2016-6-25 22:01! P2 \/ {/ k) n3 c2 b5 \0 K
现有的稍微修改下把左右分开都添加图片即可
# p& w# J5 z" {+ |5 D1 c/ Q0 QCss里需要那个高度比宽度值

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
( X3 T( d! t7 v2 N- Q2016.06.24更新：
$ g* R2 b4 Z6 p% s& t在手机端等小屏幕，2/3栏自动转为1栏显示，实用性暴涨！
% v& l7 U8 x1 R/ ^: i 20160624_图片版词典万能模 ...

这个原因?

chug2 \+ c1 p0 c% |4 j
<link rel="stylesheet" type="text/css" href="DICT_P4.css"><DICT_P4>
7 Z l+ }8 c% U A
<PAG_R><a href="entry://#0230_1"><HW>chug</HW></a></PAG_R>
# Q; l# R; G- p d# d! [
<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>
% \* }' [- Q+ X7 t) R
<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>
7 N- g4 J% W) X1 ?
<PAG_T>
4 j; |- a$ H8 T Q) h$ M2 z
<a class="prev" href="entry://0229">0229</a>; R& e% i( A# ?* \- Q
<a class="curr" href="entry://0230">0230</a>' ~3 o* O f, ]: Z# [% O
<a class="next" href="entry://0231">0231</a>
9 x3 ^- ?/ c" o# O- a5 b7 D
</PAG_T>
) I% C+ \/ w, N; Q( b
<div class="ALL"><div class="LEFT">1 Y. e( J: @. y
<a name="0230_1" href="entry://chug"><div class="HW_L_C" style="margin-top:16.62%"></div></a>
6 [$ T1 X, @/ W7 }
<a name="0230_2" href="entry://chum"><div class="HW_L" style="margin-top:40.1%"></div></a>3 U% {* a; _% v) j
<a name="0230_3" href="entry://chump"><div class="HW_L" style="margin-top:45.51%"></div></a>( Z. E9 T# Z3 J7 i) }, }
<a name="0230_4" href="entry://chunk"><div class="HW_L" style="margin-top:65.96%"></div></a>
- ~( d( a+ e+ r. {) w' p
<a name="0230_5" href="entry://chunky"><div class="HW_L" style="margin-top:92.08%"></div></a>, B7 J% Z7 `1 D ^& ~8 w
<a name="0230_6" href="entry://church"><div class="HW_L" style="margin-top:102.5%"></div></a># [4 _) P$ G. N. A3 n
<img src="0230.png"/></div><div class="RIGHT">
' O4 W9 y7 i/ s% C5 ~
<a name="0230_7" href="entry:// churlish"><div class="HW_R" style="margin-top:37.99%"></div></a>
% _7 U/ E4 i9 K) Q. s" f. r& z/ l
<a name="0230_8" href="entry://churn"><div class="HW_R" style="margin-top:43.53%"></div></a>! u; K, `: L) y& t& `- B% J
<a name="0230_10" href="entry://chute"><div class="HW_R" style="margin-top:85.09%"></div></a>% F7 K" k) I1 `4 y
<a name="0230_12" href="entry://chutzpah"><div class="HW_R" style="margin-top:98.28%"></div></a>
- S' a8 x9 Z7 z' \) {6 [; S0 s
<a name="0230_13" href="entry://CIA"><div class="HW_R" style="margin-top:113.32%"></div></a>
% t% K; R& B! v9 S4 f
<a name="0230_15" href="entry://cider"><div class="HW_R" style="margin-top:124.14%"></div></a>
3 l6 Q" U0 x! N4 B
<a name="0230_16" href="entry://cigar"><div class="HW_R" style="margin-top:124.01%"></div></a>
9 M$ U2 r* q/ _* ~, F" p Z6 L3 o
<a name="0230_17" href="entry://cigarette"><div class="HW_R" style="margin-top:137.59%"></div></a>- R Z6 ]3 p0 f, n, G
<img src="0230.png" />! Z# v9 H8 g) X1 N F% K( Q
</div></div><PAG_T>: y2 T1 j" u+ M7 C' b, `3 j
<a class="prev" href="entry://0229">0229</a>
0 r! A% O; J8 M9 w$ y
<a class="curr" href="entry://0230">0230</a>' ]% t& b& H5 Q. h
<a class="next" href="entry://0231">0231</a>2 S& j& v8 s, ]5 F; I& f& O
</PAG_T></DICT_P4>7 @6 s$ H' E8 ?/ n
</># @9 Q4 N3 w: y8 ?

复制代码

css

DICT_P4 {font-size:1em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}7 ?) v% V$ H. }7 @; y) ^ q
DICT_P4 a{text-decoration:none;color:inherit;}
! {: i* h% ^( n, f1 F- B
DICT_P4 a:hover {text-decoration:underline;background-color:yellow;color:purple;}! G5 }8 c& k/ j' p+ e9 C
DICT_P4 a.prev{display:inline-block;width:33.3%}! v* u& ]; m) M; f' K
DICT_P4 a.curr{display:inline-block;width:33.3%;}6 [; r) m) q/ |2 l4 i0 J% E/ a
DICT_P4 a.next{display:inline-block;width:33.3%}
# F, _8 _+ y# ^! g
DICT_P4 HW{font-size:1.1em;font-weight:bold;}
. V6 \" L7 e' q3 C0 i. S0 a/ n
DICT_P4 HW::before{content:"➔ ";}+ V B+ l; @" L/ n- x
DICT_P4 LIST_TOP{font-size:.75em;}3 p1 g( D) V- q
DICT_P4 PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}+ Q! ?* l. E8 _) X7 G, y
DICT_P4 PAG_L{display:block;background-color:#EFF2FB;color:blue;}
5 D# \: M1 I3 w- F7 z' L( y
DICT_P4 PAG_R{display:block;background-color:#FBEFF8;color:red;}
2 d! _. G$ v0 A. K0 x4 S j; z
DICT_P4 div.S_PAG img {width:100%;}/ r" l0 v9 x: i( O$ Y+ @
DICT_P4 div.HW_L{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}" v9 U5 o. N! v9 w$ F. F8 ]% L# ~
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;}
6 A L9 n3 Y0 f5 t" c$ 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;}! J- \7 F& h6 v T( a' Y: P2 W
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;}6 n' z, \' K* X: `
DICT_P4 PAG_1{display:block;font-size:1.1em;font-weight:bold;background-color:#EFF2FB;color:blue;}
, ~: w8 a, {" L5 s, y
DICT_P4 PAG_3{display:block;font-size:1.1em;font-weight:bold;background-color:#FBEFF8;color:#FFA500;}7 e" y9 J ?9 U3 H& | {+ S
- i; U9 J% R( _3 P; i
@media screen and (max-width:400px) {
" p- Q$ |' d9 @8 e9 {- z( i9 A; o
DICT_P4 a.prev::before{content:"上: "}2 U0 Z1 e3 q1 t
DICT_P4 a.curr::before{content:"● "}
& [" T: @' W0 [9 S
DICT_P4 a.curr::after{content:" ●"}! P* L8 D' r/ n% O7 W* M
DICT_P4 a.next::before{content:"下: "}
8 W7 l5 t2 C' q: @9 I
DICT_P4 div.ALL{width:358px;overflow:hidden;}
4 a7 ^; L2 o. I/ ^* c6 `
DICT_P4 div.LEFT{position:relative;width:716px;}6 ~; R- `1 ^7 {% k4 T$ U" S; b- T
DICT_P4 div.RIGHT{position:relative;width:716px;margin-left:-100%;}6 v9 I3 M* Y2 i- M9 H
DICT_P4 img {width:100%;height:auto;}
! v8 f/ f5 b# I& ~1 |1 [8 H a. m
}( {+ E. b* h/ O6 ^: F/ c! _$ q
* Y1 ]9 t- z V' D' R
@media screen and (min-width:401px) {: K$ |: W2 L, H7 A: z% r
DICT_P4 a.prev::before{content:"上一页: "}$ V+ k" M, I( F( B8 l; b- P; @
DICT_P4 a.curr::before{content:"当前页: "}8 k4 c. ] C$ C% {$ o; q
DICT_P4 a.next::before{content:"下一页: "}* q3 U6 m* d/ o% m+ n
DICT_P4 div.ALL{width:100%;overflow:hidden;}8 z' H$ I* W, e3 Z, b% |
DICT_P4 div.LEFT{position:relative;display:hidden;}+ l6 @# W8 W3 e7 ~
DICT_P4 div.RIGHT{position:relative;width:100%;margin-left:0;margin-top:-154.58%;}/*高度H÷宽度W*/
8 W( U7 @" H" ^( `7 ^4 L; U' L
DICT_P4 img {width:100%;height:auto;}, P7 p: h9 e6 d* V& Y
}+ l2 K; Y4 v& e) ]( |

复制代码

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

vbnet 发表于 2016-6-25 23:40
4 Y9 g" h( T- O5 z# ^YHCD_P div.ALL{width:358px;overflow:hidden;}& A. W9 s% o9 b
YHCD_P div.LEFT{position:relative;width:716px;}
1 O3 ]8 `5 p, YYHC ...

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

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

vbnet 发表于 2016-6-26 00:17
& Q- b7 n% `0 ?0 }; b2 q+ V这个原因?

<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
$ G3 v: {" l1 f& |; e3 B9 y
<link rel="stylesheet" type="text/css" href="ECD2_P.css">
; }4 O b* M: r
<ECD2_P>2 h; M! R) R# N4 E9 w. t* l# 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>5 R' u$ _" j( k7 |( Z
<PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L># r8 M- r% V& O' m" Q. m" k' s6 w( u! M
<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 G/ o8 F7 ~3 Y2 J8 D
<div class="ALL">
8 c" m) b3 h1 A7 A9 U
<div class="LEFT">
. y& Z% l( R1 o& f( d8 N
<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>0 e6 E* G0 v: [2 y
<img src="0056.png"/>" K. v5 T$ r7 ?8 Y5 m
</div>
8 _ W) p! X9 f
<div class="MID">7 E" W4 Q4 P1 k5 t8 l
<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>: r1 y+ @7 z* R% ]
<img src="0056.png"/>
' Q, Z* e; m' R; Q
</div> j% c# S+ v1 Z1 V
<div class="RIGHT">
0 m2 U W& D" O. U) V6 D
<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>/ K- c* Q# H; q4 Y8 _
<img src="0056.png"/>) y* @# v0 S# ]( j
</div>5 D1 T% h1 }, i- u+ A
</div># v1 s: E9 w8 ]/ R4 ~- o& p3 s: A
<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>! P4 Q, ^) Q1 k$ o
</ECD2_P>8 D0 H2 z @1 H. _9 j) K7 W! W
</>+ H, m) Q1 l3 p8 g. q

复制代码

ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}" O) a& x- s; l, K
ECD2_P a{text-decoration:none;color:inherit;}
( C$ R9 U3 k% P6 m& {5 C% R- ^
ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}. D2 A* s; J4 I
ECD2_P a.prev{display:inline-block;width:33.3%}! \& ^( t, d4 a" G4 K8 S9 c
ECD2_P a.curr{display:inline-block;width:33.3%;}5 O7 [8 \; a3 E. ^5 H) s7 M
ECD2_P a.next{display:inline-block;width:33.3%}
" ^; ]5 c5 w2 i3 A
ECD2_P HW{font-size:1.1em;font-weight:bold;}
' j6 X8 |* \# l9 T. L
ECD2_P HW::before{content:"➔ ";}. z) a4 k% {7 L5 a* M
ECD2_P LIST_TOP{font-size:.75em;}$ C7 s/ S1 l) c3 |5 s- `. t
ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
# }# v( X. J- v+ t$ ?
ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}
! f5 U# _! i/ D. H% `0 k
ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}+ X/ x2 M8 w7 p2 C
ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}8 g* i x# M) M7 A/ D+ j
ECD2_P div.S_PAG img {width:100%;}* a% K3 @, O) x3 M2 ]! Y, z
ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}7 I" D: w, r* X2 P
ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}
I- d5 V3 `. {# f
ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}& R1 T7 a- w' C* [0 Z! 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;} A0 i. y- f; ]; f! J
ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}- }0 V: F& z# O' {: P3 P D; E
ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}
& r$ s8 c5 S" Z- b1 D
& r1 s8 \ H: E6 j3 r7 f4 H
@media screen and (max-width:400px) {. y4 A5 G/ g! S* r2 H% l) v' J
ECD2_P a.prev::before{content:"上: "}0 l* Y! {9 D/ F f7 W; v' t
ECD2_P a.curr::before{content:"● "}
0 V( s( w3 Z3 k. U' a' j& _1 f
ECD2_P a.curr::after{content:" ●"}
; Z7 Z# J4 r; a% ^; ?1 p8 g' G, k
ECD2_P a.next::before{content:"下: "} s# A7 ~ Q# v8 E2 Z
ECD2_P div.ALL{width:358px;overflow:hidden;}
* { \# @6 m; l2 H/ }0 U) H @+ z
ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
# o; }! j, _8 c4 G0 K
ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}
* ?* e; U& z# i
ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}
& @7 h" Q; l2 s8 Q' B; W. O( A+ R
ECD2_P img {width:100%;height:auto;}
5 p) f! a: o3 D E
}; ]# m. a3 h- k& S1 L% q( z
) Y, o' s2 m* P. c( _
@media screen and (min-width:401px) {
3 x# K; b9 `% R/ I `6 t# P
ECD2_P a.prev::before{content:"上一页: "}1 n0 s, Z4 k; D3 h, M
ECD2_P a.curr::before{content:"当前页: "}2 W9 n2 o( p6 ]
ECD2_P a.next::before{content:"下一页: "}
8 Y# S* a5 n; d* r& i% a4 [( G
ECD2_P div.ALL{width:100%;overflow:hidden;}
$ g% u9 X* @! H0 A
ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}) K) _/ n7 n9 [
ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
8 G' S+ c: J- E" P, C7 A& P
ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
5 p, o6 O! V+ N- k7 k& M! f* `9 s
ECD2_P img {width:100%;height:auto;}
. \; V/ X$ c9 b* H
}( _5 m2 T/ D) u' h. S! `- n

复制代码

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

chigre3 发表于 2016-6-26 01:45- w& f* L8 R$ W/ u
0229023002311 ^3 g1 j( [4 v6 [. _
上一页当前页下一页都要在一行内！！！

了解了!谢谢

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

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

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

chigre3 发表于 2016-6-28 19:51% z- c* {( `7 ^9 P3 e0 \
vbnet, 只是问一下有没有这个可能：
0 w" w/ s9 x9 T" b9 k! u6 o坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

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

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

zhu1234 发表于 2016-6-28 20:003 ~: t$ F% ` h1 f) N% A4 W
这个不错。原软件在插入删除词条时，用起来不是很方便。

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

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

chigre3 发表于 2016-6-28 19:51% s. _+ O6 E+ ^) ]" @6 p* c) z
vbnet, 只是问一下有没有这个可能：
8 J$ Y0 ~' b( q: ` h- o2 \; W坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

类似鼠标取词那样?

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

chigre3 发表于 2016-6-28 19:51
8 i% ?$ `: f, K; g- \* ivbnet, 只是问一下有没有这个可能：# z5 p5 ]! J, L4 `7 u+ u, Y6 m
坐标获取版，右边图片窗口，在鼠标处添加半透明文本框，文本框内为当 ...

试试

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

vbnet 发表于 2016-6-28 21:545 e6 Z% b! T9 H: m C6 O5 ]
试试

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

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

vbnet 发表于 2016-6-28 21:54
+ }" z& F% `- T! T. u, n试试

现在在用着！谢谢！

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

vbnet 发表于 2016-6-28 21:54
: u6 `3 x2 C2 T; l9 G( M试试

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

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

chigre3 发表于 2016-6-29 05:10
t$ l( a4 u, Y可否作为【选项】√ 选择是否显示【高亮词头悬浮框】？

好了!

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

制作图片词典的神器!

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

vbnet 发表于 2016-6-29 19:58
8 I0 t- _) E( e, X$ b好了!

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

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

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

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

fedor 发表于 2016-7-1 10:45
6 Z: o; D- q+ h/ O/ r9 s' a1 N老大，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:104 p K& J9 ~# {7 C# o* u, A
老大，你开发的软件一直以来我都是在win10下使用的，昨天在办公室的台式机win7系统上用了一下画线版，发现 ...

win7是用line 20160621的版本吗?

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

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

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源