首页| 版块| 我的| 发帖| 消息
主题:对论坛背景的研究(忆江南) [电脑版]
zhangjingyu发表于 2022-02-06 18:05
这里说的论坛背景主要包括三部分:最上面的页头背景,中间的主体背景和页脚背景。后面两个可以没有,但可能需要指定一个主体背景色。

研究和测试了好几天,主要是因为感觉长时间不更换论坛背景会不会显得太单调了?换换背景也能换换感觉吧。有需求和想法,也趁着春节这几天有时间。

时间花了不少,至少从初一到初三。昨天初五修改背景图(忆江南,三个部分都有)直到半夜,今天又改了一个上午。直到今天下午才算基本把样式弄明白个大概。

既然是更换背景,最主要的当然是页头背景。这个背景图有时候可能要高些,但主导航(上面“门户、论坛、积分竞拍……”那个导航)的位置似乎是固定不变的。于是在附加了一个页头背景后(可以两个单独显示,或者同时显示,也就是有三种组合。当最后看到它们的样式基本一致时,忽然意识到,它们不是基本一样的吗?那还有必要附加吗?直接替换原页头背景图不就行了吗?也删除过样式和代码,但最后一想:原页头背景在一定的可能下,也可以和新的页头背景一起显示啊。当然了,原页头背景是会遮挡一部分新添加的背景图的,由原背景的高度决定。想想这种可能性还是有的,就还原代码。至于让谁显示,完全由样式文件决定),又通过在主导航上方添加一个广告位,通过空白背景图重新定位主导航的位置,才大致有解决方案,但这个方案只是解决的表面存在的定位问题,却似乎并不是最完美的。

今天在继续测试“忆江南”背景图时发现,通过广告位重新定位主导航的位置有一个明显的问题:在页面加载的过程中,卷轴和主导航会首先向上移动再回到重新定位后的位置。这种感觉很不好。于是又继续修改页头背景图,把卷轴放到最上面去。移位问题终于有所缓解。

后来又继续查看样式,想弄明白为什么主导航的位置就是基本固定不变的呢?这也是最初的疑惑,所以最后不得不通过添加广告位的方式临时解决主导航的定位问题。

直到下午两点左右,终于知道了大概。原来是head块的原因,它包括最左面的logo,而logo的高度正好是head块的高度,而主导航紧贴着这个块。它的样式中指定了宽度和对齐方式,但没有指定高度,也就是默认logo的高度。通过指定高度,终于可以重新定位主导航了,而且是在样式文件中修改。这样,新添加的头部横幅广告位也可以腾出来了,不用再参与其中了。至于效果,主导航不会再移位后回归了,只会原位加载后显示,不会乱跑。虽然实现的方式大同小异,但效果不一样,也很是不解其中的道理。

至于,具体指定head的高度多少也是有公式的:新添加页头背景图的高度减去#top的30个像素,也就是最上面的左导航的高度。这是最大值,使主导航紧贴页头背景。如果背景图的下面不是主要部分,或者背景图主体高度不够,可以减小这个差值,从而使主导航及其下面的部分覆盖部分页头背景。

浏览大图
回帖(32):
32楼:本地测试完成,撤。(zhangjingyu)
31楼:样式文件也下载回来了,验证问题出现的原因确实是因为文件没有修改完整造成的。再仔细想想,应该 ..(zhangjingyu)
30楼:想把页头背景和页脚背景换回原来的进行测试,本地进行。然而,没能成功!很是郁闷。查看源代码, ..(zhangjingyu)

全部回帖(32)» | 最新回帖
收藏本主题 | 发表新主题