Tag Archives: Page

Page Ballon主题小修改 15

因为我的ThinkPad T22现在还是在用IE6,所以发现了一点点小问题。

本文仅适用于Page的主题Page Ballon,详情请点此跳转,
请同时参照你下载的Page Ballon主题压缩包进行你需要的修改。

源于那篇要加密的『他』,
大家都知道常规来说,POST加密后会以

This post is password protected. To view it please enter your password below:

来表示,但是我这么做后,Sidebar就被挤下去了,我以为是文字没有断行引起的,
于是用

word-wrap & word-break

来处理,但是还是不行,我以为IE6不支持这两个,就去Page那里提问

不过Page似乎被『PHP』和『加密』吸引了,
同时他认为IE6的不兼容是导致该主题不在国内发布的原因(已被WP.org收录),
可能是认为国内普遍还是在用IE6的原因吧?

其实,
我同时安装有FF 3.0.4, IE 7, Opera 9.62, Chrome, 还有一个IE 6的绿色版,
没办法,想偷懒得到Page的帮助看来是没可能,只好自己动手了。

.
1. Sidebar被挤到下面去

这个问题其实也是我太懒了,一开始就认为是断行或者其它问题,
等我往下拉的时候,发现是我几张超级大的图片把sidebar干掉了,
当然,对于图片要注意大小,可是也不能总挂心这种事情吧,OK,打开CSS,

找到 #maincontent 在后面的 {} 里添加 overflow-x:hidden;

作用是把元素的溢出部分隐藏起来,所以不会导致div maincontent被撑开。

.
2. 主文字区域(maincontent)的背景似乎不对

这个其实还没下手就先头疼了,我的CSS也是半桶水啊~
后面又重新把主题从FTP上抓下来(用完就删源文件的好习惯 :mrgreen:),
分析了一下css文件和img目录,

从img来看,
上面(.topcorner)和下面(.bottomcorner)的圆角,
是通过对一个图片(backtb.jpg)的padding↓↑15px来实现的(这招我玩过),
而主字域(.contentpadding)的边框,用图片(backm.jpg)实现背景和边线(repeat-y),

从CSS来看,
其实前面在折腾撑开的时候就发现了,因为试过overflow:auto;
因为边框都贴到日期的侧身了,而本来是缩进的地方是一个奇怪的图片,
发现似乎主文字域(.contentpadding)的左右有padding 20px,但是注释掉还是不行,
OK,恢复,放弃这个padding。

后来突然看到Page对

.topcorner .bottomcorner .contentpadding

的背景定义都是

background: url(img/XXX.jpg) XXX XXX center;

噢~ 明了~ 因为IE6会有莫名其妙的padding(暂时没精神去研究怎么来的),
因为Page把背景做了居中,于是 …… 就奇怪了,像这样,

image

.
解决很简单,去CSS,

找到 .topcorner .bottomcorner .contentpadding 三段
将后面 {} 内的语句中的 center 修改为 left 就行

小结:
关于第一个问题,我在CSS里面看到Page对.entry已经做过overflow:hidden;了,
理论上来说,那几个IMG应该归.entry管的,为什么在IE6无效呢,怪哉~
至于第二个问题,等测试过多种分辨率我再发表言论 ……

啰嗦了这么多,暂时在我的 绿色IE6/7/FF3于1027×768分辨率 试验成功,
等回宿舍用T22测试~

PS. 因为喜欢才做修改到尽量少问题,如果有问题请留言。
Continue reading

新面孔 0

我使用了新选择的主题模板(Themes),
是选择,不是制作咯,自己还没什么有效的创意。

感谢来自Page的主题 Page Balloon
对,没看错,是Page,但不是Larry Page ~ 哈
还有一个差不多的主题 Diary Cute,详情可以点击链接阅读,

在Page的Blog看到他有追踪Design by的习惯,
很高兴能成为众多links中的一员,衷心谢谢Page能放出这么让人欣喜的主题。

同时,我发现只要搜索『75』,
不论你是在百度还是在谷歌,或者Yahoo,甚至是通用网址
75%都排在很不错的位置,不知为何Live除外~

首先,谢谢此刻你的访问,
然后,突然发现很喜欢『』这对符号,
最后,『再见Puppy Love』挺好听的。