【已完结】 SIO双向双解词典v3.3

OKayer大神,V3.3一直是我的常选,在使用中有两小问题请教:

  1. 如何能不显示最上面那些发音图标啊,因为很多词典都有发音,这个词典就想不要了,不想在上面再占一排
    2.如何让中文显示隐藏默认不显示汉语,点击才显示

提取码:pome

不要发音图标可以用V3.2

1 Like

下载以下文件,替换。

siov32.css (3.0 KB)

2 Likes

非常感谢,确实满足了我的要求,就是这个光标移动就在显示和隐藏之间不停切换,有点头晕.
请问您知道如何在Okayer大神的CSS上改动,改默认汉显为默认隐藏汉显吗?谢谢!

.pg_exam:active zh_cn {
	visibility: visible;
}

不喜欢光标移动,可以用 键盘的 pageUp pageDown 2 个 键。F1 调出所有快捷键,用不到鼠标。

1 Like

feature request:

  1. merge Cambridge English Pronunciation Dictionary into SIO.

reason:

  1. Mozilla → CEPD contains it. SIO doesn’t.

多谢多谢.
我在Okayer大师的CSS最后中加了.pg_exam:active zh_cn {
visibility: visible;
},可是没有起作用,难道哪里没搞对吗?还有请您再指点一下,谢谢!
siov32.css (2.0 KB)

我不太明白,这个css不都是楼主热心分享的吗。。。难道我下的不对吗?

我看你一直强调,所以就不知道我们的对话基础了,所以就拆分为你的需求点的技术了。

据我有限的了解,不修改HTML的情况下,CSS 中有两个跟点击有关系的命令:

  1. 元素后的:hover,也就是说
    1. 元素默认visibility: none;
    2. :hover 被选中的时候 visibility: visible;
  2. 元素后的:active,这个类似上面,但是是击点时,也就是点住的时候,用法同上。

上面是原理,下面要用的时候,需要具体应用补充细节

.pg_exam zh_cn {
    visibility: none;
}
.pg_exam:active zh_cn {
    visibility: visible;
}

如果你不再需要中文,可以只用

.pg_exam zh_cn {
    display: none;
}

如果你需要点击某个按钮才展开中文

这需要JS的逻辑和HTML的实体TAG,需要REGEX和看懂JS代码

我还刚开始看,很抱歉水平不够,临时帮不到你。

不好意思给您添麻烦了.
现在用.pg_exam zh_cn { visibility: none;}
.pg_exam:active zh_cn { visibility: visible;}就可以实现默认隐藏汉显,点击后在隐藏和显示之间切换.
单独加.pg_exam:active zh_cn { visibility: visible;}这条不起作用.
另外,我尝试改了js,也可以同样实现这个功能.
再次感谢您的帮助.

1 Like

啊呀!你比我厉害啊,我都不敢动JS。。。惭愧惭愧

祝在这玩得开心!

我是纯小白,所以才经常问些行家都搞不懂的问题,因为表达不清楚.
修改js是根据Okayer大神提示的要与CSS一致的提示试的,就是把display:none改成inline,或者反过来.多试几次就成了.

您给的方案,.pg_exam zh_cn { visibility: none;}
.pg_exam:active zh_cn { visibility: visible;}我又试了一下,还要在前面再加上zh_cn {display:none;}才能实现默认隐藏,点击出汉译,再次点击隐藏

谢谢,学到了

不要发音图标,可以在3.3的css中加入
button {display:none}

看着有点晕:joy:,能否分享下成品css,就是汉译点击显示,按钮隐藏

下载#738中的CSS,用写字板打开,在最后加上
button {display:none}
zh_cn {display:none;}
.pg_exam zh_cn { visibility: none;}
.pg_exam:active zh_cn { visibility: visible;}
然后存盘即可

2 Likes

It worked, thank you a lot

不行啊
738里面的css
用了button {display:none}
顶部还是有发音连接啊

你用的哪个版本的GD?我用的nonwill的A22,显示正常啊
复杂的问题我也不懂,我是自己瞎捣鼓凑合能用就行

1 Like

我也是2A22

你用的是这个3.3最终版吗?如果是,你把你的css发来,我看能否复制你显示的那个发音图标,我再试着看能否给你改一下