掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 1660|回复: 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 编辑   R0 r7 S0 h+ E$ j' ?$ r" Y

    ( A) j' d/ q  A' s* s  |0 M做这种黑暗背景风格的排版对我这个new hand来说有点难度,捣鼓了一个小时也制作出了一个版本。7 Q2 N" b- G+ L- [! c' a
    ) I  y  G7 B3 w% G' X
    不过,这个版本受到了一定的限制,不知道是我的css代码出了问题,还是欧路词典程序上面有一定的缺陷。' l3 y# B3 ~2 m2 m2 x! k( [$ h
    问题是这样的:当我为全局增添黑色背景时,情况如图1 图2 图3,个人觉得挺美观的。但这样做会导致欧路中所有词典的背景都变黑,一些黑字白背景的词典就遭殃了;当我不为全局添加黑色背景,我只为每一个块增添背景时,块与块之间始终无法用黑色填满,会露出白色空隙,影响美观,如图4,图5。不过这样也有个优点,就是不会让其他词典背景变黑。希望专家可以帮我解决这个问题,多谢了。
    " J4 ]9 j+ e: b- t, |  G+ U3 g- d$ h+ D

    ! B) W+ J' z% [# `1 o  K- u+ [$ ^( C5 {- G* s% G
    感谢须佐之男大神的倾力协助,该css的最大问题得到了很好的解决。附件中的css是经过他修改后的版本,喜欢尝鲜的可以下载玩玩。不过个人并不是太推荐本css,一是因为屏幕全黑,会使词典软件的加载速度变慢(从我截取的几张图的大小就知道了,平时的截图大概在500K左右,截个黑色背景的图容量就飙升到了1-2M),二是因为全黑背景做笔记、标注会不太方便。
    ) |- e" g% N0 u2 e* ?7 I5 F

    1 Q$ Z; A! s. p  ~& P
    ( k$ b7 m. J0 ^. v0 u我的其他排版合辑:https://www.pdawiki.com/forum/fo ... id=25189&extra=
    + P# N9 H9 Q% Y. F9 I& f

    本帖子中包含更多资源

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

    x

    评分

    2

    查看全部评分

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

    [LV.9]以坛为家II

    发表于 2018-4-6 09:35:43 | 显示全部楼层
    本帖最后由 须佐之男 于 2018-4-6 20:48 编辑 " K. C8 M: E3 B5 b5 [

    $ a5 I- B( j, v' s4 G1 m我改了一下,在欧路应该不会影响其他词典了。不过中间有用批量替换,不知道会不会破坏你的布局和样式。( X; e7 Q! q3 W+ X1 C
    * L. _; f1 [1 |8 Q* v
    说下我的改动,body, div, ul,等这一大串选择器的背景黑色去掉了,然后类名collinsbody添加黑色背景色,考虑到欧路会给词典添加左右为9px的margin(安卓是这样的),所以给collinsbody添加左右margin为-9px抵消掉(不然两边会有白边),再添加左右padding为9px,保持布局不变。
    + K2 ^$ `" R# [0 Pcss选择器前批量加上.collinsbody(避免影响其他词典,考虑到欧路的加载机制,常见标签和类名还是加个限制好点,),这样可能会导致有的选择器失效。) _- W: n$ T* ^8 H0 o7 O3 r" O

      O* F' D0 I+ R7 ?另外你的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 | 显示全部楼层
    什么新奇样式都能搞出来么?楼主太有才了。) p- B4 O0 s  ?% M2 _/ `( A* }
  • 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
    3 O2 i7 }/ ]2 V' ?我改了一下,在欧路应该不会影响其他词典了。不过中间有用批量替换,不知道会不会破坏你的布局和样式。
    9 R3 ?5 X$ g. v2 [# w7 Z+ ~/ `/ X1 M( E$ h$ h4 r5 E% Z% K& J
    说 ...
    3 E3 c( s  i, A5 I
    哇,厉害了,完美地解决了我遇到的问题。赞一个,我就把你的这个版本放到楼顶了。另外我再去研究一下你的改动。。其实我现在也只会最基础的改动,一涉及到有关代码的东西马上就懵圈了
  • 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 编辑 6 k7 A' M2 D! z
    sunset 发表于 2018-4-6 14:00- ]! L! D9 H5 \! n
    哇,厉害了,完美地解决了我遇到的问题。赞一个,我就把你的这个版本放到楼顶了。另外我再去研究一下你的 ...
    2 I$ {/ i2 Z* H7 k" R
    6 W" E5 E" N& m% _
    其实我也不是很熟悉,只是根据显示情况慢慢调整。; B# p5 e4 C$ ?: ?
    另外我改动的部分上面都说了,你对照去看就行,其实没改很多。
    ) i+ M9 i. F' H" n" O在欧路上,你修改词典的时候,可以尽量用类名或者id来做选择器,这样可以很大程度上避免影响到其他词典。用div、a、p、这些标签的话,前面做好限定。因为欧路就是所有词典放在一个网页上,每个词典相当于一个div。深蓝、mdict就不用考虑这些了。
    ) ?, E0 {, Q* S2 X# F' E还有就是修改css、js后,加载增加的时间基本可以忽略不计的(都是以毫秒计算的)。你的截图变大,可能是和色彩有关(我猜的),比如纯黑肯定小于你现在截图的大小。3 w0 K6 n2 ~; O/ {1 t' m5 C
    最后,希望你以后有好的作品分享给大家。
  • 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 |网站地图

    GMT+8, 2020-12-2 14:50 , Processed in 0.036969 second(s), 9 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

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