5/5 柯林斯完美复原版，至臻之选

sunset · 发表于 2018-5-4 13:08:10

本帖最后由 sunset 于 2018-5-14 18:52 编辑

该css适用于ff版柯林斯v2.0

在修改css时，完全致敬柯林斯online版的排版，包括color,font-size,font-weight,border-bottom，甚至对online版的字体（open sans）亦进行了复刻。界面高度还原了柯林斯online。如果您喜欢清爽、简洁且字体优美的词典界面，那么这款css绝对是你的菜。

【5/5更新】中文美化版
改进：
1.中文使用了好看的冬青字体；
2.修改了例句中文释义的颜色（灰色改为咖啡红色）

有的坛友遇到序号与词性标签挤在一起的问题。这里解释一下，对于不同的屏幕，这个参数也是不同的，所以没办法面面俱到。如果出现了上述问题，请打开css文件，搜索.caption .st，把它后面大括号里面的margin left后面的10px适当地调大，直到满意为止。
使用方法：解压，覆盖原文件即可。
致歉：这里向之前付米下载的朋友们说声抱歉。今天更新时，点击更新附件上传新附件的方式行不通，因此只能删除原先的附件，并降低收费至10米。非常抱歉。

sunset · 发表于 2018-5-5 21:22:55

dfliaoyue 发表于 2018-5-4 14:51
要想还原字体也不是没办法，打包进mdd或是扔到应用的字体文件夹，再在CSS里声明字体即可。 ...

非常感谢指点。我一直以为欧路用不了自定义字体，后来尝试了一下，竟然发现可以

魔法猫 · 发表于 2019-2-19 23:39:52

感谢楼主辛勤付出！
但是词典例句英文字体颜色是灰色，中文翻译字体颜色是咖啡红色，显得中文比英文更加显眼了。
学习英语本来最好是运用英-英词典，能更好产生英语思维，英汉词典作为辅助理解，不要产生依赖比较好。所以英汉词典例句，还是英文是重点，如果楼主的版本英文例句颜色和中文对换一下也许更好，可能更好体现主次性。其他的间距和字体都挺好看的。
个人认为词典排版最重要的有两点：
1. 是易读性。（影响因素：行间距，字体外形和大小，断行，分段、分类、分块……）
2. 是主次性。（影响因素：字体颜色，粗体，斜体，断行提行……）
词典主要功能是查询工具，解答疑惑。排版颜色繁多，且花哨，反而会影响易读性，只要满足上面两点，且整体简洁美观明了，就可以长期使用的，所以不存在颜色看腻否。当然主次颜色选择搭配很重要，就像服饰配色一样。
以上仅个人拙见。

秋天故事 · 发表于 2018-5-6 23:48:20

刚刚又试一下，在同一部安卓手机，用深蓝pro，

分别替换【IOS中文美化版】和【安卓中文美化版】，

效果如下，感觉IOS版的识别度更好，希望LZ方便之时，再优化一下安卓版，

使到安卓版也能达到IOS版的效果，谢谢啦~~

对比截图如下：

wojiaojzm · 发表于 2018-5-4 14:26:18

好资源，谢谢分享

CNULIB · 发表于 2018-5-4 14:29:13

排版很漂亮，谢谢分享

dfliaoyue · 发表于 2018-5-4 14:51:25

要想还原字体也不是没办法，打包进mdd或是扔到应用的字体文件夹，再在CSS里声明字体即可。

xliley01 · 发表于 2018-5-4 16:48:55

dfliaoyue 发表于 2018-5-4 14:51
要想还原字体也不是没办法，打包进mdd或是扔到应用的字体文件夹，再在CSS里声明字体即可。 ...

很喜欢，希望分享

idyaohui · 发表于 2018-5-4 19:10:08

感谢分享，字体很漂亮~

Errelin · 发表于 2018-5-4 20:47:00

挺漂亮的排版，赞

秋天故事 · 发表于 2018-5-4 21:51:37

感谢LZ的精心优化和无私分享~~

不知【collins online最终版本】和【安卓最终版】有何区别？

是不是任选一个压缩包即可呢？

sunset · 发表于 2018-5-4 22:12:53

秋天故事发表于 2018-5-4 21:51
感谢LZ的精心优化和无私分享~~

不知【collins online最终版本】和【安卓最终版】有何区别？

前一个是ios欧路，后一个是安卓欧路

luhua · 发表于 2018-5-5 23:04:40

感谢分享，不过我试用了IOS欧陆，显示有点小问题，比如1 verb 挤在一起了变成1verb 。建议字体用原来的，英语例句原是灰色，建议弄的醒目一点，其他做得可以，我已换回原来的CSS了。

altan · 发表于 2018-5-6 00:37:54

非常好看，感谢作者

秋天故事 · 发表于 2018-5-6 03:01:52

感谢LZ的持续优化和无私分享~

刚刚下载【安卓中文美化版（柯林斯）.rar】，

在深蓝pro里面，替换文件后，感觉效果跟你的截图不一样呀~

具体截图如下，麻烦LZ帮忙看看，指导一下，谢谢~~

sculiuchang · 发表于 2018-5-6 06:57:12

附件里的两个字体，放在深蓝的font文件夹？？

wojiaojzm · 发表于 2018-5-7 20:27:00

很好的资源，谢谢分享！

sizi1206 · 发表于 2018-5-8 16:00:31

iOS的欧路，照楼主的方法把1和verb之间加了空格，有办法将1像楼主展示的那样顶格吗？谢谢！

yaoyao9413 · 发表于 2018-5-8 20:49:26

试试看，感谢分享

jecib · 发表于 2018-7-8 12:25:54

怎么看不到下载的地方？

seeingworld · 发表于 2018-7-8 14:22:40

谢谢楼主，试试看，感谢分享

梧桐灯123 · 发表于 2018-7-13 23:56:00

很精美的排版，谢谢分享

Castleton · 发表于 2018-7-15 13:58:17

欧路怎么换字体？？谢谢
感谢楼主分享！

sunset · 发表于 2018-7-16 10:43:35

这个主题我现在把它放手机上用，感觉显示效果确实不错的。建议大家试试看，有动手能力的同学还可以自己优化一下并分享给大家。

Johnric · 发表于 2018-8-13 11:28:13

果然是我的菜啊，喜欢这种清爽的感觉

[改版] 5/5 柯林斯完美复原版，至臻之选

评分

本帖被以下淘专辑推荐:

评分

点评