本帖最后由 沈洛爻 于 2022-3-4 22:29 编辑
---【前言说明】---
本帖只提供css文件,如需其他功能请移步
【悬浮球】牛津高阶10中英切换多功能版
【悬浮球】朗文6++中英切换多功能版
---【配套词典】---
中文词典:【例句发音】牛津高阶10(英汉双解)欧路/深蓝可用V11.8;
牛津10以前的版本亦可兼容,但尽量用最新的,旧版本可能报错更多。
注:
原词典需在链接中获取,本帖仅提供css文件;
---【排版预览】---
【虎年新春】主题
window端预览
手机端预览
虎年新春
---【设计说明】---
【虎年新春】
本主题为自己独立构思设计的第一个主题,在着手设计css的时候,恰逢元旦佳节,于是敲定主题“虎年新春”;
颜色:
春节属于中国传统节日,因此在配色上,采用《色谱》编委会官网的中国传统色系列:中国传统色;
本主题所用到的所有中国传统色如下:
设计总体思路为主色调红白,辅助色黄棕,点缀色紫色;
背景为鱼肚白,释义为鱼鳃红,寓意年年有余;
例句选择酱棕,深色字配浅色底,方便阅读;
释义前的所有中英文均设置成统一的醉瓜肉,Extra Example 等里的例子设置为玫瑰紫。
图标:
词典中所有被替换过的图标,除了例句前的舞狮图标是网上购买的素材以外,其余的皆由本人亲自设计出的矢量图,并保存有完好原稿,如需借用请联系本人,联系方式在文末;
所有素材均选自春节元宵常见意象:
牛津3000词与牛津5000词的等级图标由原来的 A1 A2 B1 B2 C1 C2 分别替换为一铜钱、两铜钱、一元宝、两元宝、一宝钞、两宝钞;
铜钱原型为五铢钱,颜色为铁水红、沙石黄;
元宝原型为元代金元宝,颜色为金黄、蜜黄;
宝钞原型为大清宝钞,颜色为米色、黑色、淡银灰、殷红;
例句前的图标为舞狮头、发音图标为灯笼,灯笼颜色为鱼鳃红、金叶黄与黑色;
Extra Example 等模块设计为电子红包,其中“開”字图标的颜色为淡萤黄、橙皮黄,红包内部颜色为淡绯;
里面的例句前的图标为福字,颜色鱼鳃红、杏仁黄;
所有链接类的图标与文字均采用萝兰紫、凤信紫。
排版:
排版最重要的改动是将释义单独列了一行;
其次是将释义前的所有说明统一颜色并置成一行;
并将提示词的border框缩小为与内容同宽。
如图所示:
【版权说明】
本主题借鉴了 AnkiArrival 大神作品的高级感,原贴地址:牛津高阶10 简洁清爽排版(2021.02.25更新);
在借鉴作品之前,本人已通过邮箱联系到 AnkiArrival 本人,并通过协商取得了她的版权许可与商业许可。
---【兼容性与bug说明】---
由于欧路词典把多个词典放在一个html页面使用,因此若您的词典库中有使用包含js文件的词典,请尽量放在牛津10词典的后面,避免造成渲染冲突,或者把其他的词典默认不展开,只展开牛津10与未包含js的词典!
请确保自己所使用的软件是最新版的;
pc端的欧路词典如果出现排版无效的情况,请试用以下方法:
先关闭软件, 按 win + r 打开运行窗口,输入 %appdata%Francochinois 把打开的文件夹里的 eudic 改个名字,之后再重启软件.
重启后, 再重新只导入这一本词库, 看下是否显示效果可以改善了。
手机端的欧路词典如果无效,请在软件设置里清空词典缓存再重启软件即可;
MDict软件桌面版有些词条在查询时会弹出错误框,点击确定即可,不影响该词条的正常使用;
请严格按照文件夹里的分类将css复制到对应的客户端,谨防排版错乱,本帖的js只搭配本帖的css使用,不支持原版的css;
此外还有一些小bug,日后会凭自身能力的增长慢慢修缮。
---【获取方式】---
目前无任何授权淘宝店,如遇盗版请告知本人;
本帖资源以帮助英语爱好学自学英语为目的而开发,如有能力,请优先支持正版词典书籍与词典软件!
---【后续】---
在此特别致敬论坛中的引路人,是他们无私的技术分享,才使得本人得以方便快捷地修改css排版,吃水不忘挖井人,再次表示感谢!
感谢哔哩哔哩的pink老师的前端教程,让本人得以顺利使用相关工具。
谢谢阅读。
|