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种颜色。

标签：, ,
4 条评论
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搞得鸡毛鸭血~~~~

标签：, , , ,
4 条评论
2010-03
17

囧事不断

By xrspook @ 22:39:00 归类于: 烂日记

修改了一个下午+一个晚上的前台网页，最后发现经典的IE怪异现象又出现了！那个鬼东西明明在我修整代码之前已经解决，但修整后又出来鸟，囧得没话说。

QQ所有用户名都不见了（被我手动修改过的除外），只剩下Q号和经典的企鹅头像。于是，搞不清谁是谁，世间还有比这更囧的事么？

问了一大通G老师，然后发觉IE习惯性、真理性是万恶之源，新增一个版本变一次规矩，于是当你想把网页弄得适合多个版本IE的时候一切变得异常的困难。记得刚开始设计前台的时候觉得Firefox是黑手，IE里弄好的东西一到FF就成垃圾了，但现在，经过那么多年以后，泪流满面啊~~~~

还需要更多更多的时间去琢磨到底哪里的问题，老天啊，太折磨人啦！

标签：, ,
还没有评论
1 … 1,025 1,026 1,027 1,028 1,029 1,030 1,031 1,032 1,033 … 1,450
© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress
Go to top