关于TureBlue1.4的页面图片问题

K2在v0.9.5之后对页面宽度进行了一些调整,而TrueBlue也相应作出一定调整。而TB1.4将页面宽度(#page)从870px调整到了810px,因而以前的一些css设置和图片都发生了错位。另外,TB1.4为了正常使用K2的更换页首图片功能,将页首分为两层,上层为部分透明的文件header_overlay.png,下部为header_bg.jpg,而下部图片可是被K2自动链接替换。

但是我遇到了另外一个问题,IE6.0本身无法直接处理透明乃至半透明叠加的png和其他图片,所以Tru

eBlue在处理有关IE事务的ie6win.php文件中加入了这样一句:

filter:progid: DXImageTransform.Microsoft.AlphaImageLoader (src=’< ?php echo TBPATH; ?>images/header_overlay.png’, sizingMethod=’image’);

似乎可以达到叠加的目的,但是在我这里会使得上面的菜单无法点击。另一方面,此次公布的TrueBlue1.4并没有像之前版本一样公布psd版本的可编辑图片文件(可偏偏这次连宽度都改了!),因此——

提供一个适合TrueBlue1.4的可编辑文件:layout.rar压缩包中的layout.psd,这个文件中的样式是我修改的,如同“泊客Myheimu”的样式。

本文件适用于TrueBlue1.4版本及其后续类似版本,1.4版本相对于1.3.4版本主要修改了页面宽度(由870px减至810px)。使用时一般建议只修改各部分样式。使用时,本图片为810px×400px,将画布大小取上部235px另存为header_overlay.png,恢复后取中部(只要为横幅较中间位置即可)的5px高度,存为header_overlay.png,恢复后取下部110px高度(可根据需要的高度调节),存为footer_bg.png。

我使用了另外一种途径解决IE6不支持问题,将header_overlay.png彻底甩掉,反正要换背景也要认真修饰一下,那么不妨就恢复到原来的页首一个图片的模式。编辑trueblue/trueblue.css,将ul.menu的background: url(‘images/header_overlay.png’);用注释删掉。将trueblue/css/ie6win.php中的* html #page #header ul.menu整个全部注释掉。然后用photoshop编辑上面提供的layout.psd文件,画布截取上部253px,将需要的背景放于适当位置,依次显示各个背景,再依次保存为jpg文件,统统放在K2的images/headers文件夹下,这时就可以在K2设置中任意选择或设置随机显示了。

此外,由于未知的原因,页面(page)、正文(primary)、侧边栏(sidebar)、页底(footer)互相之间产生了一些偏差,可以在trueblue.css中进行调整,对我的博客,我进行了一下修正:

.wordpress #page { width:810px !important; } /*加入一个限制项,为了权限更高,如果不加就可以覆盖K2定义更好*/
#page #primary { width: 520px; margin: -30px 0 0 25px; }
#page div.secondary { width: 230px; margin: -40px 20px 0 0; } /*这里将侧边栏加大,为了放置更多的东西,margin里依次定义了上、右、下、左的与边框距离,上提使搜索栏顶头,你可以调试得更舒服些。*/
#footer { height: 80px; } /*由于我的底部东西比较多,在编辑图象增大高度的同时,当然也要把这里增加。*/


但是,毕竟还是存在IE6.0的兼容问题,我在ie6win.php文件中修改了这样一句:

* html #page div.secondary { margin: -30px 10px 0 0;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*