精装 - 牛精九 online

this is may not a picture but a unicode ?

every implementation of the unicode: each of different “speaker”, is not same, may just search this unicode and check its relevant CSS code.

If the original design is the unicode instead within other process such like putting an alternative picture and both unicode in here, it may varies.

Also, I checked the previous snapshot of others’ uploading. It seems like the App:Dict change a browser engine? So that on different platform, there is a difference presentation.

:speaker: :sound: :loud_sound:

Search the original CSS code, and change the content of above unicode emoji, they are characters, not a picture, change its address to a picture URI string.

e.g.
Screenshot_20220619_185044

Screenshot_20220619_185531

image

you’re right. it’s unicode not an image. the problem is, that i don’t know how to fix it. it seems not that easy.

1 Like

11111

注意事项
1。 原css js逻辑盘根错节,特效交互很多,对我来说太高深,所以这个办法很粗暴,会有很多缺漏
2。 该代码主要通过文字的缩进,移除了动态生成的小喇叭 文字,然后在词典文件目录新建一个喇叭图标,通过背景图片引入到这里。

其他

1。 我没下载mdd
2。 我不知道这个词典的具体设置和用户想要的定制的交互特效的细节,所以可能有其它问题我们可以再讨论。
3。 关于隐藏除了display 微sibility 绝对布局left text ndent等好多个,用法不同可百度
4。 添加的图片是从longman american 下载的。喜欢不同风格或者点击变色等应该要改动js
5。 添加文字除了css的content或者js dom进行更改,目前没找到合适的方法,以我目前的水平。。。
6。 搜索css可以发现,单词的音标的喇叭可以直接替换为自己喜欢的反方向的喇叭或者英国美国的国旗,搜索一下Unicode 就有。

/*   first copy image to dict root directory where .mdx exist
 second rename the image to speaker.png
third add below code to .css file

you may wanna edit from these material 
🇬🇧
🇺🇸
 🕪
🕩
🕨 from these three unicode, we can add playing effect from zero sound to 1 sounds and then 3 sounds

*/
.OALECD_audio a.sound.pron-us {
    text-indent: -9999px;   /* move unicode out of screen */
    background-image:url("speaker.png");
    background-size: 1em;
    background-repeat: no-repeat;
}
.OALECD_audio a.sound.pron-uk {
    text-indent: -9999px;
    background-image:url("speaker.png");
    background-size: 1em;
    background-repeat: no-repeat;
}

多谢多谢,太厉害了

请问解决了吗?如果解决了,能不能分享下您的css呢?

应该加上上面的css然后在目录下加上喜欢的喇叭的图片就行了吧。我还没来得及试呢。也不影响使用,只是效果的问题,不急

说出来有点:flushed:
我是搜索“小姐姐online”翻到这个帖子的:rosedoge:

Screenshot_20220830-210949_Eudic
Screenshot_20220830-210948_Eudic
求助,为啥欧路词典更新后钥匙和喇叭图标都变了,而且还没对齐,想知道是词典的问题还是欧路软件的问题。
图片中的欧路词典一个是老版(7.12.7),一个是最新版(8.1.8)

我用欧陆这个样式都出不来,我直接换软件了

喇叭样式问题解决:在该词典文件目录下新建文件夹,重命名为fonts,将字体文件oalecd9.ttf (20.1 KB)放入文件夹。重启词典软件。

这个 oalecd9.ttf 字体是从另一版本的牛九的css里将base64格式字体信息转换成了字体文件,跟楼主缺失的字体应该是一样的。

欧路词典新版本问题,退回 10.0 之前的旧版本即可(如果你会抓包 ipa 的话,抓 9.7.6 版本的欧路词典,版本 ID 为 845139313)

1 Like

试过了,不行

2 Likes

oald9 online 例句前的喇叭按钮,在iOS欧路下需要按两次,偶尔会点击发音不成变选中。

先记录一下

可以的,直接把这个字体放在相同的目录下,关闭重启,没有问题

1 Like

劳烦问一下您用的是牛9 ol的哪个版本,余在搜索“I”时缺少如您图右侧"N33"TAB即碘词条,劳烦解惑 :face_in_clouds:

1 Like