掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 2071|回复: 12

[改版] 【FF版柯林斯2.0】暗夜霓虹主题 漆黑中的美

[复制链接]
  • TA的每日心情
    无聊
    2018-8-11 10:00
  • 签到天数: 39 天

    [LV.5]常住居民I

    发表于 2018-4-6 04:22:11 | 显示全部楼层 |阅读模式
    本帖最后由 sunset 于 2018-4-6 18:32 编辑 6 y& W- B& ~3 i3 r& }! X

    0 O5 _+ r! _8 X/ {% O做这种黑暗背景风格的排版对我这个new hand来说有点难度,捣鼓了一个小时也制作出了一个版本。
    , V2 i3 d$ k8 Y. Y! g* F3 _
    ! l! G# N/ J% F; F不过,这个版本受到了一定的限制,不知道是我的css代码出了问题,还是欧路词典程序上面有一定的缺陷。3 J1 R( y8 ]: k2 `  f  I
    问题是这样的:当我为全局增添黑色背景时,情况如图1 图2 图3,个人觉得挺美观的。但这样做会导致欧路中所有词典的背景都变黑,一些黑字白背景的词典就遭殃了;当我不为全局添加黑色背景,我只为每一个块增添背景时,块与块之间始终无法用黑色填满,会露出白色空隙,影响美观,如图4,图5。不过这样也有个优点,就是不会让其他词典背景变黑。希望专家可以帮我解决这个问题,多谢了。
    1 b) ?1 M  e/ E2 g% O# ?

    / t, W1 }+ J1 C3 H
    3 X8 w( [2 |/ I5 I4 v感谢须佐之男大神的倾力协助,该css的最大问题得到了很好的解决。附件中的css是经过他修改后的版本,喜欢尝鲜的可以下载玩玩。不过个人并不是太推荐本css,一是因为屏幕全黑,会使词典软件的加载速度变慢(从我截取的几张图的大小就知道了,平时的截图大概在500K左右,截个黑色背景的图容量就飙升到了1-2M),二是因为全黑背景做笔记、标注会不太方便。2 G$ \3 e7 i; F1 P0 l4 Y9 V

    0 E% e; u. O3 v% }: i6 I
    . C$ e1 ]+ T; h  D& o8 q9 p我的其他排版合辑:https://www.pdawiki.com/forum/fo ... id=25189&extra=# t1 T/ H$ y# T

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?免费注册

    x

    评分

    2

    查看全部评分

  • TA的每日心情
    开心
    2019-1-21 17:00
  • 签到天数: 376 天

    [LV.9]以坛为家II

    发表于 2018-4-6 09:35:43 | 显示全部楼层
    本帖最后由 须佐之男 于 2018-4-6 20:48 编辑 % T. x# e! G& W0 Z& \$ u' ]

    + @" S, W% H. W% x我改了一下,在欧路应该不会影响其他词典了。不过中间有用批量替换,不知道会不会破坏你的布局和样式。
    9 q  Q: ^5 B& x( t1 h7 S9 j3 l6 D6 S( a5 o& i7 r% ]2 S' z
    说下我的改动,body, div, ul,等这一大串选择器的背景黑色去掉了,然后类名collinsbody添加黑色背景色,考虑到欧路会给词典添加左右为9px的margin(安卓是这样的),所以给collinsbody添加左右margin为-9px抵消掉(不然两边会有白边),再添加左右padding为9px,保持布局不变。0 B  W% p% b1 m' D) [# o% m& H$ b
    css选择器前批量加上.collinsbody(避免影响其他词典,考虑到欧路的加载机制,常见标签和类名还是加个限制好点,),这样可能会导致有的选择器失效。
    , z& o5 U$ Q& |$ Y
    1 h0 m4 U; T% D6 ~另外你的css文件10行和17行,颜色代码后分别多了个cf和e3,是什么作用?

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?免费注册

    x
  • TA的每日心情
    无聊
    2018-7-9 20:41
  • 签到天数: 60 天

    [LV.6]常住居民II

    发表于 2018-4-6 06:01:52 | 显示全部楼层
    楼主是早起了,还是晚睡了,真是辛勤小蜜蜂,感谢楼主分享!
  • TA的每日心情
    开心
    2019-1-21 17:00
  • 签到天数: 376 天

    [LV.9]以坛为家II

    发表于 2018-4-6 06:24:59 来自手机 | 显示全部楼层
    欧路的显示模式是所有加载的词典都在一个页面上,你这么改,影响的不光是背景色,其他同名的类也都受影响。
  • TA的每日心情
    开心
    2018-8-30 07:34
  • 签到天数: 135 天

    [LV.7]常住居民III

    发表于 2018-4-6 06:39:48 来自手机 | 显示全部楼层
    夜晚主题色耶~

    该用户从未签到

    发表于 2018-4-6 07:37:44 | 显示全部楼层
    什么新奇样式都能搞出来么?楼主太有才了。9 {0 @4 t* h# @9 W! ]
  • TA的每日心情
    奋斗
    2018-7-16 16:03
  • 签到天数: 69 天

    [LV.6]常住居民II

    发表于 2018-4-6 09:34:46 | 显示全部楼层
    我的字体都变黑了。。
  • TA的每日心情
    开心
    2019-7-24 12:35
  • 签到天数: 170 天

    [LV.7]常住居民III

    发表于 2018-4-6 10:16:34 | 显示全部楼层
    暗夜中的智慧之光。谢谢楼主分享。
  • TA的每日心情
    无聊
    2018-8-11 10:00
  • 签到天数: 39 天

    [LV.5]常住居民I

     楼主| 发表于 2018-4-6 14:00:08 | 显示全部楼层
    须佐之男 发表于 2018-4-6 09:35% P3 Y# J% _2 w* N9 B( T
    我改了一下,在欧路应该不会影响其他词典了。不过中间有用批量替换,不知道会不会破坏你的布局和样式。9 i$ B: A, a- U
    $ _2 g( t8 X! n. L
    说 ...

    " W: ?( p. H1 Y! q& V) q哇,厉害了,完美地解决了我遇到的问题。赞一个,我就把你的这个版本放到楼顶了。另外我再去研究一下你的改动。。其实我现在也只会最基础的改动,一涉及到有关代码的东西马上就懵圈了
  • TA的每日心情
    奋斗
    2018-4-6 11:07
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    发表于 2018-4-6 14:14:07 | 显示全部楼层
    支持一下,谢谢
  • TA的每日心情
    开心
    2019-1-21 17:00
  • 签到天数: 376 天

    [LV.9]以坛为家II

    发表于 2018-4-6 14:31:18 | 显示全部楼层
    本帖最后由 须佐之男 于 2018-4-6 14:41 编辑
    4 I9 q* f& m$ B+ ^& c4 O9 J
    sunset 发表于 2018-4-6 14:00! c% e" E8 O4 I) S  v2 T8 N) d
    哇,厉害了,完美地解决了我遇到的问题。赞一个,我就把你的这个版本放到楼顶了。另外我再去研究一下你的 ...
    5 T9 c' C( ]7 g5 \- R+ |3 Q, m
    ) k7 ?( ?8 V& D- F$ z4 R
    其实我也不是很熟悉,只是根据显示情况慢慢调整。
    ! A; S" b$ I5 }5 r) G9 i# x& w- L2 c另外我改动的部分上面都说了,你对照去看就行,其实没改很多。
    , C8 v5 m: f0 k7 X在欧路上,你修改词典的时候,可以尽量用类名或者id来做选择器,这样可以很大程度上避免影响到其他词典。用div、a、p、这些标签的话,前面做好限定。因为欧路就是所有词典放在一个网页上,每个词典相当于一个div。深蓝、mdict就不用考虑这些了。
    9 E4 L7 |" Q7 y+ l& {0 \- D还有就是修改css、js后,加载增加的时间基本可以忽略不计的(都是以毫秒计算的)。你的截图变大,可能是和色彩有关(我猜的),比如纯黑肯定小于你现在截图的大小。& O/ U8 H) n( o5 s5 |$ Q
    最后,希望你以后有好的作品分享给大家。
  • TA的每日心情
    奋斗
    2018-4-6 11:07
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    发表于 2018-4-6 16:24:35 | 显示全部楼层
    支持一下,谢谢
  • TA的每日心情
    慵懒
    2020-5-25 06:14
  • 签到天数: 65 天

    [LV.6]常住居民II

    发表于 2018-5-1 06:27:09 | 显示全部楼层
    感谢辛苦编辑分享。。。
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    顶部qrcode底部
    关注掌上百科官方微信公众号送积分
    关注掌上百科官方微信公众号
    关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

    小黑屋|手机版|Archiver|PDAWIKI ( 美ICP 0000000字 )|网站地图

    GMT+8, 2021-10-24 21:49 , Processed in 0.043861 second(s), 8 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

    快速回复 返回顶部 返回列表