【4.17更新CSS修改+教学贴更新】牛津高阶8简体CSS日间小清新vs夜间风

moumuxx · 发表于 2017-4-16 04:55:46

本帖最后由 moumuxx 于 2017-4-17 23:07 编辑

[英-汉] 牛氵聿高阝介第⑧中英又又解（繁简） by Langheping

原帖地址。L大制作的牛8词典简体版本。

心血来潮外加原本的CSS显示序列号不居中。。。
强迫症无法忍受改了一下CSS，配色按照个人喜好来，没有什么经验。

在此感谢wa1314159大大的教程贴推荐的配色网站~~~以及之前的CSS配色风格借鉴！！推荐大家前往下载观摩_(:з)∠)_

另外非常的感谢群里的小伙伴，tanek码农~~！！对我这个小白进行了无条件CSS教学指导！！！！

目前个人没有发现小问题，除了辣眼睛以外~~希望大家根据自己的喜好下载。

日间风格：
·根据自己喜好配色
·框体虚线，扁平了
·显示变形词
·例句中文释义改成浅灰色，不显眼

夜间风格：
·参考了一下CSS编辑器的配色，比较辣眼睛
·已知问题：喇叭背景色改不了。。。。。希望有人可以修复一下这个问题，我是懒得抠图。。。或者可以改但是不知道怎么改，介意的请勿使用

·夜间风格

·日间风格

欧路手机端词典显示有问题。。。。
不知道为什么在欧路上显示日间的CSS有问题。词性变成白色不可见，配色不标准，其他无使用影响。
（如果不需要看词性的话正常使用，或者欧路自带的夜间模式可以改成黑色背景来显示日间的CSS）

更新了一个CSS教学贴，附带教学修改CSS下载
[英-汉] 【CSS教学贴+L大韦氏修改CSS】小白式修改CSS方法

修改的CSS为Langheping大大的[英-英] (2016/2/8)更新)Merriam-Webster's Advanced Learner's Dictionary (带图)

ming168 · 发表于 2017-4-24 09:42:34

tanek 发表于 2017-4-22 23:14
欧路支持 css啊。无效应该是哪个出了问题吧。

大部分不支持，怎么改，怎么清缓存，怎么重启都无效

ming168 · 发表于 2017-4-18 10:37:36

moumuxx 发表于 2017-4-17 16:41
例句中文释义灰色是个人喜好，这样不容易直接看中文，不可能满足所有人的想法。。

哦，原来是想不看中文，我说呢，咋那么多字典把中文搞那么灰，看着好费劲....怕看中文有英英字典啊，所以，要是我会弄，以我的胃口，不会弄成这样。英汉就英汉，清清楚，干净利落。怕看中文可切到英文版看便是。

bnbn6 · 发表于 2017-4-18 20:12:59

本帖最后由 bnbn6 于 2017-4-18 20:14 编辑

moumuxx 发表于 2017-4-17 16:41
例句中文释义灰色是个人喜好，这样不容易直接看中文，不可能满足所有人的想法。。

中文例句灰色很多排版好的词典都是这样用色的，不需要改颜色。颜色鲜艳的是被强调的，此外如果超链接有下划线或者链接文字蓝色过于鲜艳可以换颜色：

a {text-decoration: none;color: rgb(139, 31, 189);}

复制代码

tanek · 发表于 2017-4-16 05:13:15

本帖最后由 tanek 于 2017-4-16 05:27 编辑

支持一下。

十分漂亮。

孤影 · 发表于 2017-4-16 05:34:04

排版十分漂亮。。。。。赞赞赞

shcfan · 发表于 2017-4-16 06:18:26

排版漂亮，辛苦了！

28836919 · 发表于 2017-4-16 07:18:27

夜间的做得真漂亮。不知道是否可以制作一份对应Amazon大的版本？

ansyslove · 发表于 2017-4-16 07:31:03

咩神处女秀，漂亮点赞！

Serica · 发表于 2017-4-16 08:03:44

多谢咩神制作

galvinzhang · 发表于 2017-4-16 08:12:26

这个真心漂亮！第一个CSS就这么出色，不愧是神。我们一起跟tanek学习制作CSS，你的进展神速啊！睡了一觉，被远远落在后面了

galvinzhang · 发表于 2017-4-16 08:12:37

这个真心漂亮！第一个CSS就这么出色，不愧是神。我们一起跟tanek学习制作CSS，你的进展神速啊！睡了一觉，被远远落在后面了

galvinzhang · 发表于 2017-4-16 08:12:48

这个真心漂亮！第一个CSS就这么出色，不愧是神。我们一起跟tanek学习制作CSS，你的进展神速啊！睡了一觉，被远远落在后面了

moumuxx · 发表于 2017-4-16 08:17:00

28836919 发表于 2017-4-16 07:18
夜间的做得真漂亮。不知道是否可以制作一份对应Amazon大的版本？

我觉得A大做的官方网页版排版已经很好了。。。

夜间版本的话我有空着手吧~

mark-akzo · 发表于 2017-4-16 08:42:25

谢谢楼主分享！！！

alexander8899 · 发表于 2017-4-16 08:48:40

绿泡泡来顶你

alexander8899 · 发表于 2017-4-16 08:49:04

绿泡泡来顶你

alexander8899 · 发表于 2017-4-16 08:56:43

外语学习群，资料多。点击链接加入群【视悦外语分享交流群】：https://jq.qq.com/?_wv=1027&k=47Vq1XS

luoweiming · 发表于 2017-4-16 13:21:53

是很漂亮，不过我觉得用色太多了

HMPT · 发表于 2017-4-16 15:10:25

日间的字体为啥感觉灰蒙蒙的
颜色可以加深点儿

汽车 · 发表于 2017-4-16 16:16:38

本帖最后由汽车于 2017-4-16 16:20 编辑

试了试，效果不错。

发音图标是多余的，能不能去掉

moumuxx · 发表于 2017-4-16 19:18:12

汽车发表于 2017-4-16 16:16
试了试，效果不错。

发音图标是多余的，能不能去掉

发音图标是可以戳的。。能发音。

moumuxx · 发表于 2017-4-16 19:19:18

luoweiming 发表于 2017-4-16 13:21
是很漂亮，不过我觉得用色太多了

这是我个人喜好了_(:з)∠)_ 夜间颜色比较多，日间不多

moumuxx · 发表于 2017-4-16 19:20:03

HMPT 发表于 2017-4-16 15:10
日间的字体为啥感觉灰蒙蒙的
颜色可以加深点儿

配色参考了WA大大的。。。然后加上个人喜好的风格

可以自己加深颜色~~

HMPT · 发表于 2017-4-16 19:30:21

moumuxx 发表于 2017-4-16 19:20
配色参考了WA大大的。。。然后加上个人喜好的风格

可以自己加深颜色~~

我就是感觉太浅了....

Dictseeker · 发表于 2017-4-16 19:41:59

非常的感谢楼主的制作，辛苦了

[改版] 【4.17更新CSS修改+教学贴更新】牛津高阶8简体CSS日间小清新vs夜间风

评分