[CSS] 牛津10 自用样式分享 ΟALD10

sve3n · 发表于 2020-2-2 04:29:53

本帖最后由 sve3n 于 2020-2-24 08:23 编辑

非常感谢 @hanyl05 发的资源，对比了下 Online 版，是完全一样的体验，原帖链接：https://www.pdawiki.com/forum/thread-38368-1-1.html

---
根据个人的喜好，修改了下原版的 CSS，具体改动如下：
- 查询结果页面整体增加左右间距，提升可读性
- 缩小字体大小并降低行距，增加屏幕显示内容面积
- 第二行的英音音标和美音音标与所属词库整行显示，增加屏幕显示内容面积
- 移除扩展折叠的红色背景，在 hover 状态下 title 是蓝色，展开后的红色背景改为浅蓝色，折叠的+-号改为深蓝色，block 宽度自适应内容
- 修复 WordFinder 里相邻单词和 "·" 的间距，现在平衡了，治愈强迫症
- 其他一些小调整

具体看图：

已于 Mac 上的欧路词典和 GoldenDict，iPhone 上的欧路词典测试通过，欢迎大家使用，有遇到问题请反馈，会不定时更新。

蓝色的“+-”号需要把图片文件和css文件放在同一个文件夹。

下载地址和密码付米后可见。
20200203更新
部分朋友反应蓝色+-号因平台兼容问题无法显示，请使用新上传的替代css，缺憾是只能显示+号，不可以显示-号。

注：请默认下载oald10.css.zip使用，若遇到上述问题，再下载oald10.css-蓝色+号替代.zip

20200223更新
在原帖更新的css上进行修改，保持同步。

初版css，请默认使用此文件
链接:https://pan.baidu.com/s/1mPGtNur2ef1ywF4V-jB9uA  密码:747t

20200203更新(修复蓝色+-号兼容的css，如果原css无此问题则不用下载)
链接:https://pan.baidu.com/s/1YljDV95fyIJJzTg9sWWccw  密码:twe8
20200223更新(于原帖更新的css上修改）
链接:https://pan.baidu.com/s/1R8zjZdnOrQapi31dZlqSNQ  密码:wyor

论坛附件备份

icon-plus-minus-blue.png.zip (1.39 KB, 下载次数: 7067)

penfe · 发表于 2020-2-2 18:04:05

修改了一个下午，主要针对在iPhone11pro的欧路词典做了显示适配，总体上感觉还可以。感兴趣的可以下来试试。
备注：
1. A1 A2...之类在iPhone上显示偏大，设置了缩放
2. 图片显示在手机上应该尽可能大，以充分利用屏幕空间，所以调整了图片的显示方式和细节

penfe · 发表于 2020-2-2 18:02:24

修改了一个下午，主要针对在iPhone11pro的欧路词典做了显示适配，总体上感觉还可以。感兴趣的可以下来试试。
备注：
1. A1 A2...之类在iPhone上显示偏大，设置了缩放
2. 图片显示在手机上应该尽可能大，以充分利用屏幕空间，所以调整了图片的显示方式和细节

Jiangxi · 发表于 2020-2-2 07:19:07

本帖最后由 Jiangxi 于 2020-2-2 07:58 编辑

很漂亮，多谢多谢

lwh0516 · 发表于 2020-2-2 07:23:23

是不是文件一多就容易下载不了？

sve3n · 发表于 2020-2-2 07:35:17

Jiangxi 发表于 2020-2-2 07:19
又是无法下载附件，米又白付了

不好意思已私信你链接啦～

muuu99 · 发表于 2020-2-2 08:54:28

似乎不能在win10下正常显示，包括加号和编号

jfhsu · 发表于 2020-2-2 09:02:38

感谢分享... 在win10下.... goldendict 的 + 无作用

belleyeah · 发表于 2020-2-2 09:57:57

很漂亮。谢谢。

yuqinghuaz1 · 发表于 2020-2-2 10:21:40

谢谢分享下载看看

muuu99 · 发表于 2020-2-2 10:49:54

muuu99 发表于 2020-2-2 08:54
似乎不能在win10下正常显示，包括加号和编号

是的，本词典的mdd，mdx，png，css连同其他词典mdd，mdx文件也都是在同一个文件夹下，即Eudic\dic\

jfhsu · 发表于 2020-2-2 11:13:56

jfhsu 发表于 2020-2-2 09:02
感谢分享... 在win10下.... goldendict 的 + 无作用

有放在一起了.. 我同时在安卓（one plus7T) 跟 NB 都有试..
在手机里欧陆是正常的... 或许是 goldendict的问题吧...

sve3n · 发表于 2020-2-3 02:19:21

muuu99 发表于 2020-2-2 08:54
似乎不能在win10下正常显示，包括加号和编号

hello, 我添加了修复版的css，可以下载再试试哦。

sve3n · 发表于 2020-2-3 02:19:41

jfhsu 发表于 2020-2-2 11:13
有放在一起了.. 我同时在安卓（one plus7T) 跟 NB 都有试..
在手机里欧陆是正常的... 或许是 goldendict ...

hello, 我添加了修复版的css，可以下载再试试哦。

路人甲一 · 发表于 2020-2-3 15:36:35

感谢您的分享！

goulp · 发表于 2020-2-3 17:00:41

谢谢楼主分享

Process · 发表于 2020-2-4 04:39:00

请问楼主，如何进一步缩小字号，感觉还是大了点？

anysurf · 发表于 2020-2-5 13:29:00

个人觉得不如原版CSS好用，虽然25米白花了，但还是要支持

Julan · 发表于 2020-2-10 11:32:42

把css文件放在mdx和mdd同一个目录了，但是欧路词典还是没用变化，但显示Mdic有变化，这可怎么办

yu0jun · 发表于 2020-2-20 01:19:10

这本词典的原帖更新啦，优化的.mdx 和 .css 文件，希望楼主也更新一下你的 css 啊。多谢啊！

sve3n · 发表于 2020-2-24 08:23:52

yu0jun 发表于 2020-2-20 01:19
这本词典的原帖更新啦，优化的.mdx 和 .css 文件，希望楼主也更新一下你的 css 啊。多谢啊！ ...

更新了哦谢谢支持！

lwx228 · 发表于 2020-3-13 13:56:44

每次回帖、谢谢！辛苦了。

kccl · 发表于 2020-3-13 13:58:58

感谢您的分享！

somnus7 · 发表于 2020-3-26 19:07:47

太感谢了! 多谢!

fyxzlh · 发表于 2020-4-3 13:37:27

太感谢了! 多谢!

[改版] [CSS] 牛津10 自用样式分享 ΟALD10

评分

本帖被以下淘专辑推荐:

点评

点评

点评

点评