自由词典习语【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.08

JeanReno · 发表于 2019-12-6 20:47:05

本帖最后由 JeanReno 于 2019-12-27 23:59 编辑

2019.12.07 修正了很多错位，排版很稳固，调整了视觉，第一次尝试“亮瞎狗眼”特效，有什么问题请留言。。。
2019.12.08 修正了一点错误，稍稍调整了视觉，请大家再试试看有什么问题
这个词典包含了绝大多数的习语和俚语，而Urban Dictionary更趋向于生活化，没那么严肃。
如果有什么配色不统一，请查词后恢复。
原词典链接
CSS:

本帖隐藏的内容

自由词典习语CSS 2019.12.08,16:40
提取码: n6i9
2019.12.19
另外一版（去掉背景，词组顶部固定堆积淘汰）

自由词典习语20191219.zip (2.03 KB, 下载次数: 47)

其他CSS

牛津中阶双解【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.12
朗文双解活用【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.12
陆Gu孙英汉2nd【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)ノ2019.12.12
牛津9OL版【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)ノ2019.12.13
新牛津2nd【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.16

Refrain1125 · 发表于 2019-12-7 22:31:37

本帖最后由 Refrain1125 于 2019-12-7 22:38 编辑

https://ftp.bmp.ovh/imgs/2019/12/153cfc0689fc9269.png
e.g. 和例句有重叠，win10 Goldendict
还有这个闪的效果怎么说呢，在整体风格偏鲜艳明快的情况下，再加上闪的效果，这是否有点过度了呢。
能不能提供两个CSS供选择呢？
再次感谢楼主的排版

duancj · 发表于 2019-12-6 20:58:52

配色不错，挺养眼的

yun5 · 发表于 2019-12-8 02:37:48

本帖最后由 yun5 于 2019-12-8 02:42 编辑

感谢楼主分享，但是下过楼主的css后，想说点自己的感受。（写这么多，是因为我很喜欢这个词典，喜欢楼主的排版格式）
1. 关于雾蒙蒙：我也和楼上一位朋友的感受一样，觉得楼主的css都有种雾蒙蒙的感觉，我翻看了自己50多个词典，都没有这种感觉。我个人感觉字体不太对，太细了？例句灰色颜色太浅了，红色和蓝色有视觉上的色差。原版词典里的css，像是朗文 5++、WR英汉词典、牛津在线词典、原词典链接里的版本、Urban Dictionary最新版等，也有使用灰色字体的词典，但是字体看起来却没有给人一种雾蒙蒙的感觉。我觉得换个字体和配色，可能会好些，视觉舒服。
2. 关于例句：喜欢这个排版，例句有换行，比原网页一长串不换行好太多。我个人不太喜欢箭头符号，我觉得 “●” 小圆点和 “ * ” 星号，还是可以，很多地方也有选择这两种符号在例句前，或者标数字号？
3. 关于e.g.和例句重叠：我的win10，GD没有出现eg重叠到例句的部分，可能是GD版本不同导致的？
说太多了，真不好意思啊，希望楼主不要介意(说这句话都想给自己翻个白眼)。

我爱深蓝 · 发表于 2019-12-6 21:04:02

试了一下，效果确实提高不少，感谢分享

快乐巡洋舰 · 发表于 2019-12-6 21:12:43

很漂亮！醒目多了

Jiangxi · 发表于 2019-12-6 21:14:43

很漂亮哦谢谢

快乐巡洋舰 · 发表于 2019-12-6 21:18:54

快乐巡洋舰发表于 2019-12-6 21:12
很漂亮！醒目多了

但是所有的排版，总是雾蒙蒙的，像似隔了一层塑料薄膜。不知为什么？楼主勿怪哈！

画溪花朗 · 发表于 2019-12-6 21:20:39

呵呵，翻译了以后居然没反应过来。。

joomn · 发表于 2019-12-6 21:28:14

很漂亮哦谢谢

elusty · 发表于 2019-12-6 21:41:29

本帖最后由 elusty 于 2019-12-6 21:48 编辑

谢谢，原词典好像最后的123在goldendict中跳转不了，这个是否解决了。试试，谢谢！
再次感谢，直接显示了全部成语，这样好多了，功德一件！

yuqinghuaz1 · 发表于 2019-12-6 21:42:35

谢谢颜色比较鲜艳

Rjccc · 发表于 2019-12-6 22:02:16

好看•ᴗ•

Refrain1125 · 发表于 2019-12-6 22:15:27

本帖最后由 Refrain1125 于 2019-12-6 22:18 编辑

建议标题改回thefreedictionary，不然不好搜到例句前面的"例"是否有些多余呢，英英里面有一个汉字也挺突兀的。
还是感谢分享，楼主最近改版了不少字典

nevergiveup999 · 发表于 2019-12-6 22:27:21

谢谢楼主分享，下载看看试试

soapy6 · 发表于 2019-12-6 22:43:45

多谢制作分享精美css

JeanReno · 发表于 2019-12-6 23:01:50

Refrain1125 发表于 2019-12-6 22:15
建议标题改回thefreedictionary，不然不好搜到例句前面的"例"是否有些多余呢，英英里面有一个汉字也挺突兀 ...

哈哈，你帮我想想“例”字改什么？例字是为了明示例句开始啦~
另外，我要保持风格，用原名的话，标题不够用啊，哈哈~

Refrain1125 · 发表于 2019-12-6 23:24:20

JeanReno 发表于 2019-12-6 23:01
哈哈，你帮我想想“例”字改什么？例字是为了明示例句开始啦~
另外，我要保持风格，用原名的话，标题不够 ...

那用"eg"呗，或者其他符号，论坛里有位大佬的风格是用'⇒'
或者看看这个https://www.toptal.com/designers/htmlarrows/symbols/，

jm2018 · 发表于 2019-12-6 23:56:05

排版很好，感谢分享！

28836919 · 发表于 2019-12-6 23:59:00

非常美观，感谢制作！

RickVincent · 发表于 2019-12-7 00:07:58

Thanks for sharing...

[email protected] · 发表于 2019-12-7 00:34:38

谢谢大侠分享漂亮排版！！！

亲爱的锁骨 · 发表于 2019-12-7 05:58:21

好看！而且这么快就出了css！有论坛真好！

亲爱的锁骨 · 发表于 2019-12-7 06:05:55

不知道为什么我就是用不了这个排版...哭，下载了装进欧路也不是这个颜色，还是鲜亮的绿色

[改版] 自由词典习语【CSS】(•ᴗ•)(´•༝•`)ヽ(•ω•。)2019.12.08

本帖隐藏的内容

本帖被以下淘专辑推荐:

点评

点评

点评

点评

点评

点评

点评

点评

点评

点评