请帮忙给Hugh的剑桥高阶学习双解词典编写css。.

xiaorenhao · 发表于 2018-3-15 10:47:03

本帖最后由 xiaorenhao 于 2018-3-18 09:15 编辑

剑桥系列中最喜欢的还是这本 Hugh 剑桥高阶学习双解词典第三版 by hugh
https://www.pdawiki.com/forum/fo ... =%E5%89%91%E6%A1%A5

词典本身已经非常完美，hugh老大对内容和排版都极其用心。
唯一的遗憾是没有css，好像hugh直接把排版写到了mdx里，我无法修改字体大小和颜色。

现张榜求助高手帮忙写一个css，实现对所有部分的字体大小和颜色能够根据自用风格进行调整。

万分感谢先！

garypang · 发表于 2018-3-15 10:47:04

xiaorenhao 发表于 2018-3-17 16:56
能否制作一个外置的css，发到这里啊。给您添麻烦了。

你好,外置CSS已经制作好,原mdx里已不包含任何样式代码,全部剥离至cald3.css这个文件里,使用时要用我修改的CALD3.mdx替换原来的mdx文件

链接: https://pan.baidu.com/s/1MUgFXGIFgxIZ18R4CKCTjQ 密码: gary

有问题请反馈, 谢谢

吴二 · 发表于 2018-3-16 15:09:45

拆开mdx，找到text，加一行，<link href="cald3.css" rel="stylesheet" type="text/css">，让这个text支持对外部css的引用，然后在cald3.css里头慢慢改？

xiaorenhao · 发表于 2018-3-16 22:15:16

吴二发表于 2018-3-16 15:09
拆开mdx，找到text，加一行，，让这个text支持对外部css的引用，然后在cald3.css里头慢慢改？ ...

谢谢回复，我不懂这个，更不懂怎么写css了。想求人替我写个外置的css。

garypang · 发表于 2018-3-17 13:53:17

你好,原帖里的词典文件失效了,请提供下,我可以解决,谢谢.

xiaorenhao · 发表于 2018-3-17 14:21:58

garypang 发表于 2018-3-17 13:53
你好,原帖里的词典文件失效了,请提供下,我可以解决,谢谢.

链接：https://pan.baidu.com/s/1Y1FgpQHsEYpISuTZjclFng 密码：ujY2

garypang · 发表于 2018-3-17 14:23:15

xiaorenhao 发表于 2018-3-17 14:21
链接：https://pan.baidu.com/s/1Y1FgpQHsEYpISuTZjclFng 密码：ujY2

你好,我已将CSS外置出来了,具体要怎么调整你不懂CSS的话我可以帮你调整好,

xiaorenhao · 发表于 2018-3-17 14:28:22

garypang 发表于 2018-3-17 14:23
你好,我已将CSS外置出来了,具体要怎么调整你不懂CSS的话我可以帮你调整好, ...

谢谢。我会调整，我需要您帮我做一个外置的css，能够实现每个区域、每个板块、每个标签下的内容都可以由我自如的修改字体大小和颜色以及调整布局。

garypang · 发表于 2018-3-17 15:23:19

本帖最后由 garypang 于 2018-3-17 15:28 编辑

xiaorenhao 发表于 2018-3-17 14:28
谢谢。我会调整，我需要您帮我做一个外置的css，能够实现每个区域、每个板块、每个标签下的内容都可以由 ...

你好,我对原文件做了修改,可以通过标签内置的属性来定位标签了,
距个栗子:
原来的中文解释标签是这样的
<font style="color:navy;margin-left:12pt;">XX</font>
没法在CSS中定位到这个标签
我更改成了这样的
<font color="navy" style="margin-left:12pt;">XX</font>
这样就可通过以下CSS来控制:

font[color="navy"]{
color:red !important;
font-size:16px;
}

复制代码

这段代码就是调整所查单词所有中文翻译,记得要用 !important 来覆盖原来的.

带有color等属性的标签基本已覆盖所有标签,如有遗漏,我可再完善下,
谢谢

xiaorenhao · 发表于 2018-3-17 15:45:12

garypang 发表于 2018-3-17 15:23
你好,我对原文件做了修改,可以通过标签内置的属性来定位标签了,
距个栗子:
原来的中文解释标签是这样的

枉费了您一番心血，我不懂这个，只是略懂如何修改css里的颜色布局和字体等等。不会写css。
能否有空时帮忙写一个外置css？

garypang · 发表于 2018-3-17 16:22:26

xiaorenhao 发表于 2018-3-17 15:45
枉费了您一番心血，我不懂这个，只是略懂如何修改css里的颜色布局和字体等等。不会写css。
能否有空时帮 ...

没区别的,如果你看不懂font[color="xxx"]这种形式的css选择器的话,我可以给标签都加上class,通过.class定位
至于把原来的所有内置样式都剥离出来完全没必要,要改哪里直接一个!important就可以覆盖原来的样式,就算都剥离出来,你还是得看html源码且懂些css标签选择器的写法才知道要改css文件里的哪行,这和自己多写个.class{}这样的标签选择器又有什么区别

xiaorenhao · 发表于 2018-3-17 16:56:29

garypang 发表于 2018-3-17 16:22
没区别的,如果你看不懂font这种形式的css选择器的话,我可以给标签都加上class,通过.class定位
至于把原来 ...

能否制作一个外置的css，发到这里啊。给您添麻烦了。

xiaorenhao · 发表于 2018-3-18 07:44:44

garypang 发表于 2018-3-17 22:47
你好,外置CSS已经制作好,原mdx里已不包含任何样式代码,全部剥离至cald3.css这个文件里,使用时要用我修改 ...

谢谢。我根据你写的css，做了修改。
大部分地区都可以修改了。
有两处要是能改进就好了：
1.释义部分前面的小黑方块，希望能够对其有单独标签，以便对它进行替换、改颜色、改大小等等。
2.除了例句的中文和英文能够独立修改外，希望其他地方的中文和英文也能实现分别独立可修订颜色、大小等等。
anyway，总体上是可以实现对80%的地方进行修改了。我转米给你。

xiaorenhao · 发表于 2018-3-18 07:58:03

我如何转米粒给你。研究了半天没搞明白。和你找到相关的指南贴。

elusty · 发表于 2018-3-18 08:56:24

在你发的帖子的里，对应这位先生的楼层右下侧，有个最佳答案，点击就可以了。

xiaorenhao · 发表于 2018-3-18 09:15:42

elusty 发表于 2018-3-18 08:56
在你发的帖子的里，对应这位先生的楼层右下侧，有个最佳答案，点击就可以了。 ...

哈哈，非常感谢！

garypang · 发表于 2018-3-18 09:49:14

xiaorenhao 发表于 2018-3-18 07:44
谢谢。我根据你写的css，做了修改。
大部分地区都可以修改了。
有两处要是能改进就好了：

你好, 感谢您的米粒!!

文件已更新:
链接: https://pan.baidu.com/s/1wBzNurHMbMLYrdQPsU1gpw 密码: gary

释义前的小方块添加了 class="cube"

新增了控制以下两个地方的css选择器

.cix1 span{

}
.cix1 b{

}

其他哪里还不能控制的再反馈给我,谢谢!

xiaorenhao · 发表于 2018-3-18 12:31:44

我把你的代码直接copy进css就可以吧。

[悬赏] 请帮忙给Hugh的剑桥高阶学习双解词典编写css。.

最佳答案

评分

评分

点评