一直觉得以前那个主题颜色有点灰(虽然改过之后还是灰的)。
但我说的这个灰不是那个灰,而是这个灰,总之一个字–“脏”。
对,看起来有点脏。不是说主题作者的色感不好,而是我个人的观点觉得有点那个。
所以,就自己动手改了下配色以及很多自己认为不是很好的地方。
改之后的配色基本就是黑、白、灰这三种怎么配怎么好看的绝佳搭档(新手和返璞归真的高手喜欢用的颜色,我就归在新手行列吧)。
除了某些需要特别提示的地方用上了别的颜色,改完之后自己目前认为很满意。
不知道这改完后的主题能保持多长时间不被我“蹂躏”的记录。
Hia…Hia…Hia…Hia…
原来我的首页上是有个简历链接的,我是想着有个简历放上去,也许某个猎头公司的人会看中,然后把我挖走之类的(存着侥幸的心理)。所以,简历上是有电话联系方式的,但是这似乎并不妥当,原因有下:
1、今天早上坐地铁的时候,一位热心的上海朋友短信我说我的博客从昨天晚上到今天早上都打不开了。这里多谢这位热心的朋友对我的提醒。当时我第一反应是:这人是骗子(对不起这位朋友,我不是有意的,毕竟现在的骗子太多,太猖獗)。但后来了解到这位朋友是在我的网站上了解到我的联系方式,所以我就释然了。虽然这位朋友是好心的,但自己总觉得怪怪的。
2、晚上回家的时候,刚开开电脑。就有一个电话来了。当时我很诧异,因为我电话基本没响过(除了短信),所以就接了起来,结果是一个广州的,问我明天早上要不要做股票。这就让我摸不到北了,我不炒股啊,再说现在的股票跌的这么厉害,多少人都被套进去了,即使想炒也不敢啊,再加上本人闲赋在家的资金也不多,没办法炒啊,什么跟什么啊。怎么会找到我了?
所以,经慎重考虑,还是把唯一的一个电话联系方式给去掉吧,免得以后不注意就被有心之人给利用了。
虽然,哥们的电话号码不是什么秘密。

春天的来临悄悄地释出暧昧的气息
在百花齐放的季节里你清新脱俗的有股诗意
你在天南星高雅亮洁的好美丽
初夏的来临也溢出了俏皮的气息
在暑气充斥的季节里你晶莹剔透的带着凉意
你在天南星气质非凡的好有活力
轻轻柔柔的想念在海芋的季节
还记得湖畔曾与你相遇
甜甜蜜蜜的暧昧在海芋的季节
还记得你的笑容无比的甜
初夏的来临也溢出了俏皮的气息
在暑气充斥的季节里你晶莹剔透的带着凉意
你在天南星气质非凡的好有活力
轻轻柔柔的想念在海芋的季节
还记得湖畔曾与你相遇
甜甜蜜蜜的暧昧在海芋的季节
还记得你的笑容无比的甜
你迷人的魔力我如梦奇遇爱不可思议
唔妙不可语喔我们在
白白净净的湖面在海芋的季节
开满着美若天仙的海芋
缓缓慢慢的夏天在海芋的季节
我坐在湖边开始轻描淡写
我坐在湖边开始轻描淡写
无意中看到的一个利用jQuery插件实现的背景圆角文章,还挺方便的。
就翻译了过来,只不过本人翻译水平的确有限,将就着看吧,看懂是没问题的。
点击查看:jQuery Corners
原文地址:http://www.atblabs.com/jquery.corners.html
简单的来看是这样的:
<script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.corners.min.js"></script> <script> $(document).ready( function(){ $(元素名).corners(); }); </script> <div class="元素名"> 内容 </div>
jQuery corners官方下载:http://plugins.jquery.com/project/corners
先看效果:点击这里查看效果页
1、建立一分标准的HTML文档结构
谈到标准HTML结构,有人可能会说,嗯,用div标签,里面再多套些li,最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一定要用div来布局,而是要尽量使用语义化的HTML标签。在HTML标签的定义中div与span其实是两个没有语义的标签,table则有数据表的语义。
所以这里我们来建一张符合XHTML 1.0 Strict标准的文档结构试试。以下为该表结构的HTML代码:
<table class="tableList" id="table1"> <thead> <tr> <th>交易类型</th> <th>交易号</th> <th>收款方</th> <th>金额</th> <th>管理</th> </tr> </thead> <tfoot> <tr> <td colspan="5"> 上一页 2 3 4 下一页</td> </tr> </tfoot> <tbody> <tr> <td class="fastpayIcon">即时到账</td> <td>20081009001</td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
根据我自己的理解+项目的实践+教程,总结了一下使用css sprites时我们应该主意的几点,希望对看到这篇文章的朋友有所帮助,当然,这都是我个人的理解,并不是什么权威的结论,仅供参考,如有总结不对的地方还请指出:
1、拿到效果图之后要先做规划,把所需要的背景图片都分类,这是非常重要的一步;
2、之后定下分类好的图片排列方式,本人建议采用竖排的排列方式,每行有两列,图片分别靠左和靠右,这样比较灵活;
3、尽量把功能相同、颜色相近的放在一个背景图片中,减少图片体积;
4、每块背景的周围要尽量留有空隙(本人习惯的做法),以便于维护修改。关于这点,实际上是存有争议,或者说是矛盾的。如果不给每块背景留有空隙的,当然最好,因为这样会比留有空隙的图片体积要小。可是,这样做有一个弊端,就是维护修改起来非常麻烦,万一某块背景的高度改变了,那么,再想改这个背景图片就不是那么容易了。所以,这点还是希望能灵活运用,能考虑到日后的维护方便,同时尽量减少背景图片的体积。
5、对于不是动画效果的gif,最好使用png8格式的图片来替代,这样做同样是因为png8会减少一部分的图片体积;
6、导png8格式的话最好用Fireworks,因为它比Photoshop要优化的好一些,虽然不是很好;
7、未完待续…
以上就是我总结一小部分经验,仅供参考。
附转的一篇关于css sprites技术以及图片优化的文章:CSS Sprites技术以及图片优化
在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用!
if IE什么意思呢?下面就列举了一些在CSS常见的HACK控制语句。
作为IE的IF条件注释使用备忘,有些时候试用if IE而不是在css中使用hack,就能通过w3c验证。
<!--[if !IE]>除IE外都可识别< ![endif]--> <!--[if IE]> 所有的IE可识别 < ![endif]--> <!--[if IE 5.0]> 只有IE5.0可以识别 < ![endif]--> <!--[if IE 5]> 仅IE5.0与IE5.5可以识别 < ![endif]--> <!--[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 < ![endif]--> <!--[if IE 6]> 仅IE6可识别 < ![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可识别 < ![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可识别 < ![endif]--> <!--[if IE 7]> 仅IE7可识别 < ![endif]--> <!--[if lt IE 7]> IE7以及IE7以下版本可识别 < ![endif]--> <!--[if gte IE 7]> IE7以及IE7以上版本可识别 < ![endif]-->
附一篇MSDN有关条件注释的详细文章(e文):
http://msdn.microsoft.com/zh-cn/library/ms537512(en-us).aspx
为了照顾“某些特别笨看不懂的人”,做一个最简单的列子: 继续查看全文
看清楚了,是www.kaixin.com,不是www.kaixin001.com。
千橡还真够狠的,名字一模一样,这不是往死里整kaixin001么?不过据说kaixin001要换域名了,似乎是shejiao.com什么的,这域名有点暧昧的味道,我喜欢,哈哈。
kaixin.com里面的app没有kaixin001.com里面的多和强大。
值得广大朋友注意的是,里面有一个app叫“狗狗”,和校内的app差不多,此应用非常耗cpu和虚拟内存,使用的时候请机器配置差的朋友做好死机的心理准备。(我的就差点死机,是差点。)
kaixin.com的邀请机制和kaixin001.com的邀请机制差不多,唯一缺的就是“导入QQ好友”,这个可是非常重要以及管用的推广方式哦。。
废话不多说,上邀请链接http://www.kaixin.com
对于流量比较大的门户网站,可以采用这个技术来制作页面,因为这能为公司省下可观的带宽(带宽=Money),但对于流量不大,经常有小改动的网站就免了吧,因为这种技术维护起来极其繁琐和麻烦。掌握这种技术的捷径就是自己动手去做,只是看是掌握不了的,实战才能最快最透彻的了解CSS Sprites
关于CSS Sprites技术的优化我们能做到多少,能减多少的请求数量。这并且不是单方面能做到的,一切取决于XHTML、CSS、CSS Sprites图片之间的配合。现时为止没有绝对优化的做法,这也是我在项目中经常衡量CSS Sprites图片与XHTML关系,如:《一张背景实现自适应九宫格》,以下总结了图片切割术与图象优化的一些方法。
继续查看全文
