(更新)剑桥4 仿官网样式排版(适配 中英切换、词性导航等)

  • 2021-05-23 更新:“More Examples” 展开后加号变为减号(感谢 depgreen 对 js 的完善,加减号用字符方式无法很好地对齐,故采用了另一种方式);依据普遍使用的 Arial 字体调整了版面细节;短语区域背景色、对齐等调整;“Labels And Codes” 页面的排版微调;其他细节调整。

  • 2021-05-18 更新:已适配“More Examples”;更改了例句颜色;短语词组栏多列显示;发音喇叭改为字符图标(解决了 mac 下显示为立体图形的问题,不再需要喇叭图片文件。出于不增加干扰原因,喇叭图片颜色与官网一致为黑白);非链接点击时光标为箭头;其他细节调整。

  • 2021-04-24 更新:已适配能找到的功能最好的词典版本(中英切换、词性导航等)。

——————————————————
正文:

仿照官网改制了一版 css 样式,做了小部分变动。

适配词典版本此贴一楼的更新版 MDX 和网盘内的 MDD、png,此跟帖的 js 文件,综合起来实现了 词组检索、中英切换(无总开关,点单条英文触发单条中文)、词性导航等对原始词典的改善增强。感谢以上版本制作者, 感谢 Impact 提供信息,之前在这里论坛搜却没搜到以上增强版本。

仅测试了 mac 下 GoldenDict。
——————————————————

排版文件下载:
css 文件(2021-05-23更新):
cambridge4.css (40.1 KB)
js 文件(2021-05-23更新):
cambridge4.js.zip (2.1 KB)

样式预览:
2021-05-23更新的预览:

2021-05-18更新的预览:

28 个赞

感谢!看来能实现双解切换了

4 个赞

已适配 词组检索、中英切换、词性导航等

3 个赞

最完美的剑桥双解解决方案。排版精美。感谢分享。

3 个赞

短期没时间调整了,今天要出差。等有时间再调整。

你的截图中没看到有发音图标呢

3 个赞

我找了一下,有个彩虹版的有发音图标,但没找到对应css文件,估计是字符(你说的字体)方式。

另有一版css是用字符图标的,但在我这显示不好看,估计是不同系统的显示不同。

1 个赞

应该是不同系统对这个字符式喇叭的呈现不同。
用图片图标方式,影响不太大吧?

4 个赞

cambridge4.rar (108.0 KB)

4 个赞

我也是小白 :rofl:,那个我猜的是要和js结合吧,我不会。

3 个赞

这个不做个说明吗

3 个赞

2021-05-18 更新

3 个赞

我做不了这个功能

2 个赞

添加More Examples展开后变成符号-:
more examples展开.zip (20.3 KB)

4 个赞

感谢楼主更新,感谢层主完善

2 个赞

2021-05-23 更新

4 个赞

都是高手!!!

1 个赞

最近这个词典已经失去了大家的努力所做的效果

失去效果?不明白你的意思

2 个赞

词性切换,汉语隐藏,等功能突然消失了。我又重新下载各个文件,仍然不能恢复最初功能。是不是我下载的文件不对,还是操作有误?请楼主把各个文件集中一下,能让我这样的伸手党一次下载完毕,以免出现各种问题。有点厚脸皮了,谢谢!

2 个赞

没有消失,你除了楼主帖子的js和cs外,还需要保留原含有mdd和mdx帖子资源中jquery尾缀的css文件