[101016][0xf0rd EC-CE Dicti0nary 0nline ]_New_Typesetting

SamW. · 发表于 2016-10-8 16:15:52

本帖最后由 SamW. 于 2016-10-11 16:42 编辑

想在例句前增加【标识】以示区别的，可以自行打开css文件，增加项：

span.ex::before {content:"\27A4"}

复制代码

“\27A4”可以在网页 HTML CSS 特殊字符表上找到自己相宜的符号替代，效果如图：

[101016]
在原来的基础上又做了一定的调整，主要包括：1、字体大小调整；2、义项序号位置调整；3、一些换行做了合并处理。

[old]
感谢 STFU 君的抓取：
0xfordI7ictionaries.com 八語種 15合1 發布
https://www.pdawiki.com/forum/fo ... &fromuid=199650

感谢 Langheping 君的提取：
中英2合1 提取自 STFU's 0xfordI7ictionaries.com 八語種 15合1
https://www.pdawiki.com/forum/fo ... &fromuid=199650

感谢 H-梦想缤纷君的修正：
【6.10.8】0xf0rd EC-CE Dicti0nary 0nline
https://www.pdawiki.com/forum/fo ... page%3D1&page=1

在H-梦想缤纷君发布的css基础上做了一定的调整，让内容的整体可读性更强一点，希望可以帮到使用这部词典的坛友。

kyletruman · 发表于 2016-10-8 19:19:56

本帖最后由 kyletruman 于 2016-10-8 19:32 编辑

我一向喜欢紧凑的排版，楼主的排版我很喜欢，谢谢楼主的无私分享！
楼主的紧凑排版非常适用于手机，装的词典多了，紧凑的排版可以一次看到最多的内容。原CSS非常复杂，楼主竟做得这么好，真厉害！

H-梦想缤纷 · 发表于 2016-10-9 14:25:59

SamW. 发表于 2016-10-8 22:18
还未能及时下载跟进您的最新更新！该份css修改过程仅涉及一些"margin"、"padding"值的删改，一项改"粗 ...

老实说，您的css确实不错。
之前我的css来过一次折中了，现在索性以您的css为蓝本，再来一次折中。

SamW. · 发表于 2016-10-9 08:40:33

H-梦想缤纷发表于 2016-10-8 21:33
“一”词条下副词词义的第四项的序号在您的css下，跑到了→ 一失足成千古恨yī shīzú chénɡ qiānɡǔ ...

请在css文件末尾添加项

.xrg {display:block;}

复制代码

，即可解决，谢谢！

SamW. · 发表于 2016-10-8 22:18:46

本帖最后由 SamW. 于 2016-10-8 22:20 编辑

H-梦想缤纷发表于 2016-10-8 21:33
“一”词条下副词词义的第四项的序号在您的css下，跑到了→ 一失足成千古恨yī shīzú chénɡ qiānɡǔ ...

还未能及时下载跟进您的最新更新！该份css修改过程仅涉及一些"margin"、"padding"值的删改，一项改"粗体"显示，一项颜色变更，个别换行与否的取舍（注销<br>显示等）。在原来基础上，并无大变化。谢谢！

sculiuchang · 发表于 2016-10-8 22:14:49

这个排版，确实惊艳哈。

SamW. · 发表于 2016-10-8 22:13:12

这份css是在 H-梦想缤纷君css基础上调整而来，感谢H-梦想缤纷君这位“巨人”的肩膀；过程仅是修修补补，边改边看，无法保证所有词条的兼容性。算是抛砖引玉吧，诚如主贴中所言，只为提高内容整体可读性，不让该词典潜在受用者因为排版关系，还未领略词典风采就退而求它去了。期待论坛众多css艺术家们的精彩作品。

H-梦想缤纷 · 发表于 2016-10-8 21:33:08

“一”词条下副词词义的第四项的序号在您的css下，跑到了→ 一失足成千古恨yī shīzú chénɡ qiānɡǔ hèn前
正常应在 (专一) 前

Gary.WuQiang · 发表于 2016-10-8 20:57:10

感谢楼主修正，看着紧凑多了

elusty · 发表于 2016-10-8 20:37:21

到目前为止，最为耐看的排版！

victorzhang21 · 发表于 2016-10-8 19:43:35

赞一个谢谢分享

skydan05 · 发表于 2016-10-8 16:50:39

谢谢SamW.分享！！！

wawxing · 发表于 2016-10-8 17:11:32

终于不用那么大的缩进了感谢SamW.

triasgu · 发表于 2016-10-8 17:20:53

看上去舒服了好多啊，多谢楼主修改了啊

queen1 · 发表于 2016-10-9 15:05:18

感谢楼主！已添加代码

.xrg {display:block;}

复制代码

，css已上传。

queen1 · 发表于 2016-10-9 17:40:40

本帖最后由 queen1 于 2016-10-9 17:56 编辑

楼主您说，

个别换行与否的取舍（注销<br>显示等）

，请教一下，要想弄得紧凑些，是否选择换行需要怎么写代码呢？我是新手，刚学习CSS，很多不懂，希望楼主不吝赐教，若得楼主回复指教，不胜感激！

maomaochong · 发表于 2016-10-10 00:00:27

这本词典的汉英部分是我见到最好最详细的了。

SamW. · 发表于 2016-10-10 16:32:19

修改了一个更加紧凑的版本，欢迎大家取用！谢谢！

kyletruman · 发表于 2016-10-10 20:45:53

本帖最后由 kyletruman 于 2016-10-11 00:05 编辑

更新：感谢楼主传授修改CSS的方法，论坛上除了Amazon大，又增加了一位排版大神！在CSS最后一行增加代码

span.ex::before {content:"\27A4"}

复制代码

刚上传，没时间动手改的可以在这儿下载(见附件)。
PS
SamW大最后修改的CSS在联合查询状态下非常漂亮！

感谢楼主在2016.10.10又提供了另一个更紧凑的排版：英文部分紧跟中文或者是中文部分紧跟英文，字体比以前稍小，非常适合在手机上使用，我个人选此版；先前那版的CSS可以在16楼下载，不宽也不松；喜欢宽松排版的可以选择梦想缤纷大的CSS

yyhermes · 发表于 2016-10-11 07:39:11

用欧陆打开，每个意思之间还空一行差不多，还是太大了。TQT

yyhermes · 发表于 2016-10-11 07:59:27

css文件放进去后其他的词典排版都乱了，怎么解决啊？用的欧陆，mdx,mdd,css是一个名字。放一个文件夹再放进去也不形。把css删了就好了，不过这个词典就不行了。

lzr80 · 发表于 2016-10-11 08:34:02

感谢，越来越好了，兄可否排成下面帖子版式，我试了没有成功
https://www.pdawiki.com/forum/fo ... page=1&mobile=2

kjcqs · 发表于 2016-10-11 17:33:25

请教你这个20161010的css能搭配H梦想缤纷20161010的mdx吗（看发布时间，H大修改的mdx貌似是在你的css之后发布的）？
很喜欢你的紧凑排版，就是不知道还能再和H大最新版的mdx搭配吗？

SamW. · 发表于 2016-10-11 17:41:17

kjcqs 发表于 2016-10-11 17:33
请教你这个20161010的css能搭配H梦想缤纷20161010的mdx吗（看发布时间，H大修改的mdx貌似是在你的css之后发 ...

可以的，H大那边只是修复了一些【跳转】的问题，文档的主体结构并没有改变。

[改版] [101016][0xf0rd EC-CE Dicti0nary 0nline ]_New_Typesetting