2017-09
7

改模板

By xrspook @ 12:42:21 归类于:烂日记

昨天提到的我的天模板问题,很快就解决了。我同时用Win7 22寸宽屏的显示器以及XP 10.1寸的小笔记本测试。同样使用Firefox浏览器,Win7用的版本是50的,XP用的版本是40的,因为往后Firefox就再也不支持XP系统了。文章评论提交按钮的问题很好解决,原来按钮的宽度是100px,这容不下“Submit Comment”这么多字符,所以我改为120px了,我也试过用150px,也没什么问题,因为按钮我设置了字体横向居中,但如果120px就能搞定,我也就没必要用150px了。至于版头的导航栏有点麻烦。XP系统下默认字体是宋体,Win7系统默认字体是微软雅黑。我的天整个网页我都对字体做了设定,用的单位是px,但问题是宋体和雅黑同样是15px,Firefox辅助网页编辑插件计算出来的大小是29,而雅黑是31。在不同的系统、不同的显示器分辨率之下,同样是宋体,XP在10.1寸是27,Win7在22英寸是29。这样的数据差异绝对会整死人的!!!因为我的版头导航分为2个部分,一左一右,为了要把左右分开,所以必须用float:left;和float:right。float之后是ul,ul下面是li。ul没有一个固定的高度,ul的高度是由下一级的li去确定的。ul在id nav之下,nav设定了一个绝对的高度定位,nav就是float:left的元素,只有这般绝对定位了,nav才不会跑到我的网站标题前面。但绝对定位遇到不同系统不同浏览器不同字体发生的字体大小差异几乎算是一个打不开的结。在更大的显示器分辨率和默认雅黑字体下,无论如何浏览器计算出来的字体大小都要比宋体大。在Win7下,尤其是在浏览器里看过宋体和雅黑的都会觉得雅黑更舒服。之前设计Color3模板的时候我用的是XP搭配17寸的方屏,默认字体是宋体,所以当网页用雅黑字体浏览的时候就会出问题。问题也不是很严重,就是那个导航栏的按钮会有点压在我的border框上。让所有浏览器都必须使用宋体或者雅黑作为默认字体是不可能的,所以最终我只能遵循我在Win7系统22寸显示器,Firefox 55.0.3下计算出的状况来调整。最终我把nav的绝对定位从之前的100px改成了96px,这就保证了在Win7雅黑的情况下版头导航栏是完美的。然后我把nav ul li设置了固定高度height:31px,如果没有这一条,在XP宋体的时候导航栏和下边框之间会有条线,如果这般设置了,那条线将和鼠标不覆盖导航栏鼠标特效之前的导航栏颜色一致。即便鼠标处在hover的状态,不过等于是按键下面多了一条特殊的颜色。有些网页是故意做这种特效的,所以我觉得从美观上还能接受。不知道现在还有多少用XP的人会访问我的网页,估计用移动终端的更多吧。移动终端默认会用插件的移动界面,所以那里看到的不是我设计的Color3模板。所以呢,最终Color3模板是给谁看的呢?大概目标人群就只是我自己吧。

昨天从上午开始就在折腾Access,到下午下班之前思路理清了,但还是没办法解决我的联合查询,于是我就找网友帮忙了。他秒杀就解决了我的问题,我折腾了那么一大轮原来最终跪在了一个拖放的字段关联操作上。如果没有高人指点,我自己折腾一个星期都不会想得出还可以这样,因为我已经把所有右键以及菜单栏里的详细菜单都翻遍了。如果我真找不到可视化操作方式,我也可以用SQL语句实现那样的关联,具体语句是“31 INNER JOIN 32 ON [31].ID=[32].ID”(把表31的ID字段和32的ID字段关联),然后就可以在查询里一次性地筛选合并出31和32的内容了。这一点很多人都能想到,但具体该怎么操作则需要知识。我学习Access的路还有很长~

研究代码是个烧脑的过程,但又不会太剧烈。

归档:2017-09-07 Taare Zammen Par

2010-04
10

开看围城

By xrspook @ 22:59:24 归类于:烂日记

多年以前高中老师力赞钱钟书,于是就买了本《围城》,但放在书柜上,从二楼升到了四楼,仍旧原封不动,大概有4年以上了吧。因为听说《围城》很隐晦难懂,于是一直没看。近来,神经了,昨晚拿来研究了一下,嘿,感觉还好,有点喜欢钱大人的笔风。原来没有想象中的难咽嘛。

好长一段时间都在看翻译的作品,仿佛我的中文就是靠看人家的译文学回来的。于是当我也去翻译的外文的时候就觉得自己说能驾驭的中文有限,真是郁闷透顶。不过呢,也没多大关系,因为专业上的英语总是让人看着舒服,虽然有很多莫名其妙的合成词,但总能猜出个大概,接下来就是乱套的交流用语了,交流嘛,其实非语言也行,所以,现在是一个很慵懒的状态。

今天又对Color3进行了修改,发现无论我多么费劲都无法摆脱用相对定位让.me在IE<7下正常,于是放弃了,非常狠地用了绝对定位,真是可恶,非逼我用绝招不可。不过,如果什么都可以用相对定位解决的话,绝对定位就不复存在了,显然,有时绝对定位还是有它的用处的,虽然那样做很笨。新发现一个IE8的怪异现象,IE6、8都不曾见识,IE5.5、8倒是看到了,真不是一般的诡异。觉得网站测试就是要戴N种有色眼睛从四面八方看网页,金睛火眼,而且还得锲而不舍地做到吹毛求疵,简单来说,就是个体力活。

今晚呢,不折腾了,落了好多集的UB,补补课先。

2010-04
9

P-C-L的玄机

By xrspook @ 23:31:01 归类于:烂日记

继续修正Color3,感觉吃饭睡觉或者说任何时候脑子里都在想着那些问题,人进入了几近疯狂的状态。今天修正了title的显示,正在着手处理IE<8和其它浏览器对网站右上角“搜索+ME”里的不相同问题。觉得很无语,为什么明明45px的搜索框,IE会弄出约90px出来呢?

告诉大家个小秘密,你或许不知道,网站右上角,搜索框下面的全网站框架里仅有的3张png的含义。童鞋们都应该知道它们的意思吧:第一个,订阅;第二个,叽喳鸟;第三个,G喵。有什么玄机呢?大家有用鼠标指过它们吗?嘿嘿嘿,这可是重点哦!

我把它们称作“P-C-L”,有图有真相

下文引用自:Grey’s Anatomy S02E05 35:52

I lied.
I’m not out of this relationship.
I’m in. I’m so in it’s humiliating because here I am begging
– Meredith, just
– Shut up.
You say “Meredith,” and I yell, remember?
Okay… here it is.
Your choice, it’s simple
her or me.
And I’m sure she’s really great.
But, Derek, I love you…
in a really, really big…
pretend to like your taste in music, let you eat the last piece of cheesecake,
hold a radio over my head outside your window,
unfortunate way that makes me hate you love you.

So pick me.

Choose me.

Love me.

……

GA粉永远都不会忘记这么经典的一刻!所以,作为一个粉,这是我的一个表达方式,把自己和GA结合起来了。

嘿嘿嘿,大家懂了么?

2010-04
8

修正Color3 IE效果

By xrspook @ 20:42:00 归类于:烂日记

第一次用Color3模板在Window Live Writer里写东西感觉怪异。感觉字体很小,非常小,阅读没有问题,但撰写难度不小。写了好长都没有换行,到处都是空白一片,于是感觉刺眼,还是换回我经典的记事本好了。

IE是Color3的硬伤,特意下了个IETester对各版本IE进行测试。感觉很好,比开IE本身还要快,它的格式极像Office 2007,虽然不喜欢那东西,但对这测试软件的速度很是赞,加上它的插件debugbar就更完美了,感觉像是IE里用上了Firebug,当然啦,没有Firebug好用,用过Chrome的类似软件,还是觉得Firebug最好最强大。

对Color3进行了细节调整,使之在IE页面正常点,我只能说正常点了,因为还没能做到在那里可以完美。

昨天新主题的网站上线后对其进行了CSS和XHTML测试,第一次都没过,CSS可以说是没问题,因为唯一的问题是笔误,把“padding”写成了“pading”,狂汗啊~~~至于XHTML的问题,有3种,第一个是UTF-8,记得用Notepad++编辑的时候遇到中文字符ANSI无能为力,我就转UTF-8了(超简单,就一个按钮),那里的UTF-8有分普通的和无BOM两种,没有经验就选了一般的。结果测试过程中第一个警告就是说有BOM的UTF-8兼容性还不是很好,或许不能在所有浏览器里正常发挥。第二个属于老问题,很突兀地使用诸如<span>等,这些东西应该放在<div>,<ul>,<li>等里面,否则就会出错。第三,属于比较高级的问题,是我一直都不曾意识到的——id的调用,id和class的调用原来是如此严格的,之前一直浑水摸鱼通过了真是非常好彩,结果这次就撞板。测试的是主页,主页默认有5篇日志,每篇日志我都调用了<div id=”post”>,原来同个页面多次调用id是不行的,在测试中这叫做错误!于是抓了一段时间才想到把#post .***的东西转为#content .***,幸好我的层足够多,能这样转换。不过,这真给我上了一次很好的id和class的课,我一定会记住的。

嘿嘿嘿,炫耀一下通过的两个验证:CSS验证+XHTML验证

今天下了个哥的输入法,感觉和Sogou输入法雷同,但速度更快,不知是否Sogou的杂七杂八太多了,于是打字速度会被拖慢,系统忙的时候尤为明显。还有就是在Excel中按Ctrl+F+S保存的时候,Sogou输入法会发生问题,这就是我想尝试换掉它的原因。很喜欢哥的繁体输入,终于明白人家为什么可以打繁体了,我还以要特意转换的呢。

还没搞懂IE下clear:both;引出的边距变大问题,看来我要改变一直用<div class=”clear”></div>来清浮的习惯了。还有还有,IE下,要float的话就要全部float掉,否则就会分行无论你用什么元素引用,切记!

呵呵,IE修改记录完成,有新发现再另行公布,下回分解了。

2010-04
7

我的Color3

By xrspook @ 23:32:00 归类于:烂日记

Color3,我的第一个原创WP主题!为啥叫Color3?因为颜色是它的重点,你或许觉得太花俏,因为这就是我的意图,颜色我内定的,嘿嘿,不过widget的元素随便拉,当然啦,拉出状况我不负责,因为有些元素自带<ul>和<li>有些则不然,但尽管如此,我还是选择了适应动态化小工具,xrspook是个善变的人,不能接受一成不变的边栏。

Color3也能称作Sidebar3,我用<?php get_sidebar(); ?>调用了3个不同的sidebar!!!它们分别是<?php get_sidebar(); ?>,<?php get_sidebar(‘single’); ?>,<?php get_sidebar(‘page’); ?>,不敢说这是我的独创,但算是个比较鲜活的多sidebar体验吧,而且多sidebar里有些只能调用一次的widget还巧妙地被我使用到多个sidebar中呢,嘿嘿。这还得感谢昨晚看Charles的那篇讨论:关于Sidebar的一些想法的启发呢。人总是神奇的,能激发无限可能。当然,WP也是神奇的,它让我白手做个网站出来。

无论你看出来没有,先放4个截图,代表着Color3这个主题的几个大亮点。

color3_01 color3_02

color3_03 color3_04

如果你是个IE的用户,尤其是IE8以下的用户,你会很头痛,非常头痛,众所周知的IE双边距BUG就是硬伤,还有很多莫名其妙的东西,都使得你们很痛苦,我也很痛苦,因为我压根就没有IE6,但那却是国人的重灾区,不得不说,不是WP设计者想歧视你们,而是微软不强行让IE6改进升级太罪恶了!!!!

附上2个测试报告,来自http://www.webpagetest.org/

IE7:4.521s的初次载入时间,1.412s的二次载入时间,是非常好的。

IE8:1.878s的初次载入时间,0.820s的二次载入时间,可以说,已经是非常完美了。

全部页面,90分以上的Google Page Speed评分,如果说还不能达到95以上的话,完全是钱的问题(有钱就能CDN)。

问心无愧的一个杰作,无论你认同与否。I’m pround of it!

最后,请订阅的朋友移步一下http://www.xlanda.net/,观摩点评,谢谢。

Page 1 of 11
COPYRIGHT @ 我的天 | Theme by xrspook | Power by WordPress | Valid XHTML 1.1 and CSS 3 Go to top