2010-03
22

又撞li了

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

为啥每次li都是我的绊脚石呢?对这东西又爱又恨~~~

正在折腾着自己第一个原创WP主题,遇到个关于li的问题,却无意中轰炸起别人的邮箱……第一次,发现代码都被认作真代码了,全部被隐藏掉,第二次加上了<!– –>,被隐藏得更彻底,骨头都没剩,第三次,把什么<>等全部删掉,剩下div,ul,li等干涩东西,对方应该明白吧。

真是罪过~~~

很多CSS和XHTML教程手册什么的,但有时我们需要的只是很简单的技巧提醒。做了个CSS测验,结果20题答对了19题,错的那题原因是审题没审好,人家要首字母大写,我看成了全部大写,结果就出状况了。非常简答的一个测试,用过CSS做实战的人都不会觉得有难度,预定的答题时间是20分钟,结果我3分钟内就完成了,如果网速再快点的话,我有信心做得更快。但显然,考验CSS用得怎样不是靠那些测验去“评价”的,网页就是一个非常好的展示空间,展示你的成绩,暴露你的错误,在IE之下,我的网页通常是很掩脸的,总想不明IE为啥有这样那样的疙瘩,难道完全遵循标准设计浏览器就那么难?(扯远了,这个其实我一点都不懂)

努力吧,要高歌猛进!

2010-03
21

做个颜色控

By xrspook @ 21:07:38 归类于: 烂日记

一些常用且你应该都很熟悉的颜色,不知你又是否真的了解它们,它们经常出现在微软的Office软件中,像xrspook这种颜色控总喜欢把.xls搞得花花绿绿,会经常调用它们,它们是最最常用的颜色块,就在“填充”工具那里。但,你真的叫得出它们的名字么?又或许,你说得它们简单而巧妙的16进制码么?

对,就是这么好玩,但却说不出。上图是个color.xls文件的截图,名字也是看Excel抄上去的。至于16进制的颜色名字,用的是spectrum,非常小巧的一个取色软件,在各种软件日益膨胀的今天,装一个插件就能把浏览器里的颜色看个明白(比如说Firebug),但我还是很喜欢用这个才16.5KB的小软件,用来查看屏幕上的任何颜色。它是Dr. Software的出品,顶顶大名的分割软件hacha(西班牙语,斧头的意思)就是他们的杰作,比.rar的分拆快捷简单多了!!!有兴趣的朋友,可以到他们的网页淘宝,注意咯,上面的是西班牙语!记得多年前我3.5版本的hacha死活运行不了,于是发邮件给他们,结果很快就有了回应,虽然几个回合后问题仍未解决,但只是个免费的小软件,服务居然这么到家,真的让我很感动。过了几年,才发现是系统语言有冲突导致运行不了,经过某些处理后就没问题了。

说了那么一大通,为啥要弄个颜色图谱出来呢?因为我打算用这些最为基础的颜色打造出一个五光十色的WP主题。试验了一下,发觉真的很有难度,不是说WP主题编写有困难,是因为xrspook压根就是个对颜色不感冒的人。基础颜色拼不出好玩的主题?是我技术没到家而已。

真需要好好琢磨一下该怎么糅合这40种颜色。

2010-03
20

通过W3C认证

By xrspook @ 21:16:08 归类于: 烂日记

自己写的WP模板能通过W3C认证是多么让人兴奋的一件事啊!在不经意间,我居然做到了,有图有真相(请原谅xrspook把网址给涂了,因为网站还在测试阶段):

W3C最主要的认证分为两个部分,一个是CSS一个是XHTML。前者我觉得相对简单,但如果你用了CSS3的内容这个以2.1为核对的引擎显然会吃不消给你报错。XHTML认证相对难一点,它能挑出很多非常简单,你却习惯性真理性会忽略的问题:最明显的莫过于在img的括号里,必须存在“alt=”””,你喜欢得写,你不喜欢也得写。在多个网站优化工具中,也会提行你,img的括号里最好标明width和height,那样听说会加快载入速度;又比如,我们总喜欢乱用ul,li,ol,div,p等东西;代码,如空格(&nbsp)你不能无端端地写在XHTML里面,必须找些东西括住,最简单的就是<p></p>否则人家就不知你这是什么东西,得出的结果就是容易出现一些你无法预料的结果。更多认证需注意的问题请移步这里

国人设计的网站很喜欢加特效,特效就离不开javascript,<script>这东西如果想直接通过XHTML认证是不行的。问了G老师,G老师给我指引了一个外国网站,得出2个方案,要不这样:

<script type=”text/javascript”>
// <![CDATA[

// ]]>
</script>

(就是把代码的主体圈起来,我就是这么办的,非常简单)

另一个方案是用引用,把代码独立到别的文件(这个其实才是最好的正解)。

对外国的WP模板来说,W3C是一个潜规则,很多WP模板的教程在到最后的时候都会推荐/提醒设计者把作品拿到W3C那里验证一下,发现问题,根据提示改正,就像小盆友做完作业先给家长检查再拿去交老师一样。

但国内的呢?从代表国内网络最高水平的公信部被按网站开始就是非IE6不可的。有无聊地看过它的源代码吗?CSS是半独立的,内嵌和独立的CSS只关注了字体和链接格式的问题!!!网站基于table设计,不用说,格式的控制肯定是在table内,CSS只是一个例行公事。真的把你汗到云里雾里。代表最高水平的XHTML及CSS测试报告在这里,请狠狠地点击:

国内权威网站的W3C XHTML测试报告
国内权威网站的W3C CSS测试报告

或许国内权威网站给我们一个信息——外国浏览器都别用,电脑也千万别升级,用IE6才是正道。

弱弱地补一句,IE6不是被微软葬了吗?xrspook只能站一旁猛流汗了。

开始写主题,通过认证等都只是个开始,真正的前台设计者还应精通js和ps,虽然接触ps时间不短了,但总觉得自己的艺术触觉有问题,所以,我还是做一些非常简洁的无图主题吧。不喜欢不要紧,因为重点是内容嘛,是不?

守规矩其实挺好的吗,别硬搞中国特色不是很好么。

2010-03
19

杯具连连

By xrspook @ 21:37:07 归类于: 烂日记

一早起来坐到电脑前就发现了N个杯具,首先,跳舞那里的消息先出来,2walk用不了了,G老师亲自把我们的桌底行为“封印”掉,以后该怎么看U2B呢?以后该怎么做才能看到顺畅的U2B呢?只能等待了。

接着,惊讶地发现Firefox默认的主页居然链接到一个集合的搜索界面,而其中用的G老师居然是.cn的,当然啦,那个输入搜索内容的框框我怎么都找不到。用百毒验证一下到底咋回事。结果,又发现了一个杯具。还没到April Fool愚人节礼物已经到了。难道那么快就要接受G老师消失的事实?于是一怒之下把Firefox的主页改为了***gle.com/ncr,我宁愿看到“页面被重置”都不要见到那个。

接着,某人又来强迫我做些根本没必要一再重复做的验证工作。只此一次,我绝对不会做第二回了。没有必要大家一起傻,既然你固执而我们的劝阻又没用的话,你就一个傻去吧。实验证明,我的观点是对的。

晚上,回家的时候,高速的车龙不开玩笑,起码有几公里。这还只是汽车上的杯具,连地铁二号线都是水泄不通,我还以为上周只是三号线的特殊景象呢,原来,那个时间上地铁哪里都是人挤人。

这周GA停播,又一个杯具。

杯具简直狂风暴雨般袭来啊~~~

2010-03
18

爱浮不爱浮的li

By xrspook @ 22:22:19 归类于: 烂日记

昨天的网页杯具终于被万恶给搞定了!他老人家道出了一个真理——<li>里面的块元素(如<span>)只要开始float就要float到底,无论里面有多少个,一定要全部float掉,否则就会出现莫名其妙的分行,然后在<li>那里设定“clear:both”来清浮。

但如果<li>里面有纯文字有<span>呢?文字也要弄个<span>括住,然后float掉?万恶说应该不用,但事实是残酷的。以下是我的测试代码:

<html>
<head>
<style type=”text/css”>
body{
background-color:#000000;
color:#ffffff;
}
#abc{
width:500px;
line-height:1.2em;
padding:20px 0 0 0;
margin:0;
}
a:link{
color:#00ff00;
}
a:visited{
color:#00ff00;
}
a:hover{
color:#00ff00;
}
ul{
list-style:none;
padding:0;
margin:0;
}
li{
clear:both;
list-style:none;
padding:0;
margin:0;
}
.left{
float:left;
padding:0 30px 0 10px;
background-color:#ff0000;
}
.right{
float:right;
background-color:#0000ff;
}
</style>
</head>
<body>
<div id=”abc”>
<ul>
<li>一个杯具,IE8、FF、Chrome正常,IE7、Opera不正常——囧</li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
</ul>
<br/><br/>
<ul>
<li>原来正解是li中的东西只要一开始float就要全部float,否则……这般全float后,IE、Firefox,Chrome,Opera都正常了</li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
</ul>
<br/><br/>
</div>
</body>
</html>

图就不贴了,因为我只有IE8(可以用兼容模式看到IE7的效果)、Firefox、Google Chrome、Opera,更高更低等级的IE都没有,Safari也没装,所以,欢迎大家猛击这里看各自的浏览器中的效果:floatli.html

老天啊,每次都被li搞得鸡毛鸭血~~~~

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress