牛津9OL版【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)ノ2020.01.01

JeanReno · 发表于 2019-11-11 10:50:57

本帖最后由 JeanReno 于 2020-1-1 21:48 编辑

topic

oxford3000

增加动词词组视觉效果

例句和释义分割

忙~ 只回复问题了。 Ψ(￣∀￣)Ψ

强迫症发作了
以后不放长图了，看起来难受。。。
牛津高阶9th_OL
牛津高阶9双语例句版
牛津高阶9双语例句CSS
解决了一些问题，还有些要动源文件，不搞了。。。将就一下吧。有些特性因浏览器差异会有变化，还有些在html内部限定了，只试了【欧陆词典】 (╥╯^╰╥)。
(2019.11.14)改了大部分问题
(2019.11.18)修改翻译错位，换行问题及其它小问题
(2019.11.21)两个版本，一个喇叭在左，一个在右
(2019.11.22)改了排版方式，无发音为浅色喇叭，音标又改了，调整一致性，还有些小问题，看图。
(2019.11.25)主要是整体对齐(其实改了很多小问题)，删除了例句释义部分的oxford3000图标（因为全部指向一个链接，头部已经有个最大的图标和那个学院图标一起）
分别看了Mdict、深蓝词典、安卓欧陆、PC欧陆，都有点不一样，慢慢看。。。
(2019.11.25)这次比较难调，无例句的喇叭被去掉了，不好对齐，喇叭被直接放在了中间（中英文之间）。初步调了一下中文查询结果界面，动词颜色单词标出，现在按翻译应该不会错误，还有什么问题，请告知 (´･ᴗ･`)
(2019.11.26)进入美化阶段。。。过几天更新 (o°ω°o)
(2019.11.27)Topic美化了一些，增加了链接及其过度动画（快速），这个Topic在FF大的朗文++里比较明显，但是牛津9明显弱化了，还有Oxford3000。。。(没更新CSS)
(2019.11.29)修正了以前的很多小错误，改了一下中文查询，增加其他视觉效果，喇叭排版还是没有改，可能还要一些问题，希望大家反馈。。。
(2019.11.30)修正了手机版的一些问题，调整了一些细项及视觉，调整了中文查词界面，分割了释义和例句，提供非例句发音版。
(2019.12.05)稍稍加深了一点颜色，加宽了可用宽度，调整了相关链接和主题的大小，调节了动词形态的颜色，语法和非释义本体说明区分更明显，修正了一些显示错误。
(2019.12.07) 更改了中文查询视觉效果，增加特效，duang~
(2019.12.10) 手机和电脑用不同排版方式，增加了点击例句翻译，修复了一些问题。（这个版本开始尝试潜心学习模式 |ू･ω･` )）还有一些问题，先试试，有什么建议希望留言~
(2019.12.13) 增加新的字体，改版样式，增加了翻译、听力、口语学习的版本（按住喇叭显示英文，默认显示中文），还有一些问题，最近不会更新了，忙得很~~~~~
(2019.12.14) 加深了颜色，为了防止眼睛疲劳，改变了中文的背景，加了无例句发音版。
(2019.12.19) 把导航放到了侧边，词条没有好办法固定（占据太多位置），为了长时间阅读，改为老旧书的配色，pc端采用了按住鼠标翻译。
(2019.12.28) 微调了没有拍整齐的部分，变了一点点你看不出的颜色 :D ，手机电脑的无例句版分开。
(2020.01.01) 修改了一些细项，提供了喇叭在右边的版本（电脑手机通用），其实主要还是靠大家发现问题，我自己发现了零零碎碎的一些问题，不过只有试了才知道。
CSS:
通用大小调整方法（任意位置插入）：

* {zoom:0.9}

复制代码

喇叭大小调整（任意位置插入）：

span.x:before { zoom: 0.9; }
span.OALECD_audio { zoom: 0.9; }

复制代码

把CSS最后的这个部分删掉就是预先打开翻译，默认关闭了翻译

.OALECD_chn, .OALECD_tx {display:none;}

复制代码

更改最后几行的数值调整例句的位置（如果喇叭挡住了例句）

span.x-g>span.label-g, span.x-g>span.cf, span.x-g>span.x, span.x-g>span.OALECD_tx {margin-left: 42px}

复制代码

手机喇叭不好看的换 oald9为oalecd9

.OALECD_audio{

font-family: 'oald9','Segoe UI Symbol' !important;

}
复制代码

百度有时候抽风，多试几次

本帖隐藏的内容

这个词典的pc版本排成这样，是因为我在电脑上使用词典绝大多数手机都是半屏使用词典软件的（Win+Right/Left Arrow）(*^▽^*)
2019.12.07,20:14(包含例句发音版、非例句发音版、喇叭在右边的版本)
提取码: d8sq
点击例句翻译_实验版 2019.12.10,18:34
提取码: 1m4c
牛津9OL2019.12.14 2019.12.10,18:34
提取码: 472c
牛津9OL2019.12.19 2019.12.19,13:49
提取码: pfgo
2019.12.28
提取码: 7i4a
2020.01.01
提取码: 806c

不好意思，各位，最近很忙～
其他CSS

牛津中阶双解【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.12
朗文双解活用【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.12
陆Gu孙英汉2nd【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)ノ2019.12.12
自由词典习语【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)ノ2019.12.08
新牛津2nd【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.16

cocowind · 发表于 2019-11-11 12:41:18

本帖最后由 cocowind 于 2019-11-11 15:10 编辑

原版本没有例句发音吧？
[2019-11-06]Oxford Advanced Learner’s Dictionary, 9th edition online version
https://www.pdawiki.com/forum/thread-34097-1-1.html?x=180507

难道是原帖隐藏了例句的音标？

另外，css多处的font-family"Open Sans"中间少了个:
OALECD8_trans，OALECD8_chn，OALECD8_tx在新的版本已经改为OALECD_trans，OALECD_chn等

nihaocool1980 · 发表于 2019-11-22 10:22:35

感觉看看最新版怎么样！

RickVincent · 发表于 2019-11-11 18:41:06

Thanks for rework and sharing...

wchw · 发表于 2019-11-11 13:31:20

楼主辛苦啊！

快乐巡洋舰 · 发表于 2019-11-11 11:58:05

楼主的排版，真的漂亮了很多！喜欢这个风格。多谢！

BAT2018 · 发表于 2019-11-11 12:08:56

本帖最后由 BAT2018 于 2019-11-11 12:59 编辑

感谢分享！谢谢！

eplono · 发表于 2019-11-11 12:09:41

很漂亮的排版，多谢分享

petergaoshanwei · 发表于 2019-11-11 12:44:05

排版非常漂亮，感谢

Jiangxi · 发表于 2019-11-11 13:08:36

本帖最后由 Jiangxi 于 2019-11-11 20:44 编辑

我喜欢喇叭在前面的，谢谢！就是在手机版上效果不大好，字太小，喇叭太大，空白处占比大。
在手机上，如何使长的例句换行时，文本左对齐，而不是和喇叭对其？

rolling16 · 发表于 2019-11-11 13:18:13

试试看，第九版应该在内容上比第四版丰富很多

raymond2018 · 发表于 2019-11-11 13:25:04

Thanks for your generous offer!

elusty · 发表于 2019-11-11 13:42:49

感谢JeanReno提供zzz_sleeper oald9 css

yuqinghuaz1 · 发表于 2019-11-11 14:23:44

谢谢分享分行更清晰

jasonjuliong · 发表于 2019-11-11 14:24:44

感謝！（原帖是隱藏了句子發音嗎？）

drdic · 发表于 2019-11-11 14:29:35

才知道，居然还有发音。

喬治兄 · 发表于 2019-11-11 14:33:24

JeanReno :
漂亮喔
讚啦

sg1968321 · 发表于 2019-11-11 14:43:17

很好的英语词典，谢谢分享。

caihui10 · 发表于 2019-11-11 15:01:58

感谢楼主分享

yangxiups · 发表于 2019-11-11 15:03:29

感谢DIY 分享CSS

joy888 · 发表于 2019-11-11 15:07:03

多谢楼主分享

JeanReno · 发表于 2019-11-11 15:09:39

petergaoshanwei 发表于 2019-11-11 12:44
排版非常漂亮，感谢

哈哈，感谢土豪，第一次收200

zongyyc · 发表于 2019-11-11 16:47:24

谢谢，下来看看

[改版] 牛津9OL版【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)ノ2020.01.01

本帖隐藏的内容

评分

本帖被以下淘专辑推荐:

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评

评分