[3] 通过 article-style.css 调整 词典名称条
本帖最后由 deeke 于 2017-10-10 23:34 编辑171010：更换图例一。稍微减少 词典名称 与 分割线 的距离（代码区 Line 17. 18.）。
170928：更换图例一、二。修改一处 宽高比例（代码区 Line 30. ~ 33.）。
------------------------------------------
https://www.z4a.net/images/2017/10/10/2017-10-10-001.png
------------------------------------------
我的软件环境是：Win8.1 + GoldenDict_Qt5_x64_portable 。
不给 mp3 加上 tag 就睡不着觉，不调整 GD 外观就不能查词典，这是“磨刀专误砍柴工”系列的第三集：
使词典名称条更紧凑，在缩放页面时它几乎不会错位。
1. 选择风格：灵格斯。
2. 隐藏 词典名称的蓝色背景、词典图标。
3. 隐藏 右侧展开、折叠的箭头图片。
4. 调整 尺寸、间距、边框、颜色。
修改 GD 的配置文件：“ c:\...\GoldenDict\portable\article-style.css ” 。
/* 拉近 词典名称条 之间的距离。如果太近，就会重叠。 */
.gdarticle { margin-top: .3rem; margin-bottom: 0; }
/* 隐藏 词典名称 外部容器的蓝色背景和边框 */
.gddictname {
font-size: .625rem;
margin: -.0625rem 0;
padding-left: 0;
vertical-align: bottom;
border-width: 0;
background-color: transparent;
}
/* 加粗 词典名称 文字的下边框 */
.gddicttitle {
position: relative;
top: .01rem;
padding-bottom: .0625rem;
color: gray;
border-bottom: .23rem solid gray;
}
/* 隐藏 词典图标 和 “来自于……” */
.gddicticon,.gdfromprefix { display: none; }
/* 隐藏 右侧箭头，调整尺寸、边框 */
.gdcollapseicon,.gdexpandicon {
position: relative;
top: .2745rem;
/* w:h = 1:1 */
width: .645rem;
/* w:h = 2:1 */
/* width: 1.45rem; */
height: .475rem;
border: .08rem solid gray;
background-color: transparent;
background-image: none;
}
/* 展开、鼠标悬停的展开、折叠、鼠标悬停的折叠，共四种样式 */
.gdexpandicon { background-color: gray; }
.gdexpandicon:hover { border-color: black; background-color: black; background-image: none; }
.gdcollapseicon { border-bottom-width: .25rem; }
.gdcollapseicon:hover { border-color: black; background-image: none; }
/* 分割线 */
.gddictnamebodyseparator { display: block; margin-bottom: -.0625rem; border-top: .08rem solid gray; }
/* 拉近 mdx 和 dsl 词典内容 与它们的 词典名称条 距离 */
.mdict,.dsl_article { margin-top: .625rem; }
------------------------------------------
通过 qt-style.css 调整 软件界面文字大小
在我的机器上 20px 比较合适（注意 qt-style.css 中不要用单位 rem ，没有效果）。
修改 GD 的配置文件：“ c:\...\GoldenDict\portable\qt-style.css ” 。
QToolTip, /* 按钮或链接的提示信息 */
ArticleView #searchText, /* 按 Ctrl+F 后的搜索框 */
MainStatusBar #text, /* 右下角的提示信息 */
ScanPopup #translateLine, /* 弹出窗口的搜索框 */
MainWindow #translateLine, /* 主窗口的搜索框 */
MainWindow #wordList, /* 搜索框下方的单词列表 */
MainWindow #dictsPane #dictsList, /* 查到单词的词典列表 */
MainWindow #historyPane #historyList, /* 历史面板的单词列表 */
MainWindow #favoritesPane #favoritesTree /* 收藏面板的单词列表 */
{ font-size: 20px; }
------------------------------------------
https://www.z4a.net/images/2017/09/28/2017-09-28-c.png
------------------------------------------
最后再来个图，别忘了帮我评分呦~~~ HMPT 发表于 2017-9-25 14:38
论坛为了防止复制,而加上的随机字符, 好烦人啊
按F12，在CSS中加入
.jammer {
display: none;
} 本帖最后由 deeke 于 2017-9-25 20:41 编辑
听说 评分 以后随机字符都不会消失 :p
https://www.pdawiki.com/forum/data/attachment/album/201611/23/112746gw1r55zlu8nn4tnj.png 论坛为了防止复制,而加上的随机字符, 好烦人啊 deeke 发表于 2017-9-25 15:04
评分 以后随机字符就会消失，是真的。
居然还有这种操作 {:11_384:}牛！这个是css能定义全局js文件吗？大大 本帖最后由 henices 于 2017-10-10 09:25 编辑
效果非常不错, 感谢.
https://www.pdawiki.com/forum/data/attachment/forum/201710/10/092102iqzd4bayaw5y20aa.png
======================
求教樓主，有些詞典中漢語標點的分號和逗號(；，)在goldendict中會顯示爲英文的分號和逗號(;,)，這個有辦法控制嗎？ arbzn 发表于 2017-10-10 21:27
求教樓主，有些詞典中漢語標點的分號和逗號(；，)在goldendict中會顯示爲英文的分號和逗號(;,)，這個有辦法 ...
汉语分号的 Unicode 编码是 FF1B、逗号是 FF0C，英文是 3B、2C，应该是不会混淆。 henices 发表于 2017-10-10 09:21
效果非常不错, 感谢.
你的“朗文4”里，第二行 “7national se'curity”，那个 7 是因为用了特殊字体：Kingsoft Phonetic Plain，音标也是它。
https://www.pdawiki.com/forum/data/attachment/album/201709/06/190939fjhpt788nh7qzto7.png
8楼的问题如上图，stardict词库的逗号显示不对。另外，该词库引用的外部图片也没法显示。(bgl文件是内置的图片。)
以前都是用stardict词库的，一时无法割舍。。。。。 arbzn 发表于 2017-10-11 13:25
8楼的问题如上图，stardict词库的逗号显示不对。另外，该词库引用的外部图片也没法显示。(bgl文件是内置 ...
法鼓山做的 Stardict 格式的佛学词典
我在这下载了“丁福保佛學大辭典”，标点和图片显示都很正常。
用stardict-editor导出这个**的词典为xml文件后，再用stardict-editor编译成stardict格式词典，就和我以前的一样了，在Goldendict中不能正常显示逗号(在stardict程序中也是一样显示不正常)。不只是上面那一个词条的问题。
有的Mdict的词库在Mdict中能正常显示逗号，在Goldendict中就不行了。 感謝分享，要慢慢學習才行！！{:4_104:} 网上找到的相关分享
作个留存，有时间再来研究~
谢谢deeke大的分享！ 感谢楼主分享，非常感谢。
页:
[1]