CSS3盒阴影

2009-08-06 | 作者: 黯然销魂剑 | 评论: 0 | 浏览: 320
昨天修改CSS文件(Version: 1.1.7.0),为按钮增加了CSS3的box-shadow样式,效果不错。在浏览器 Firefox 3.5+ / Safari 4+ / Google Chrome 中测试通过,使用 IE 的童鞋请忽略。添加的CSS代码如下:
input.button:hover {
 background: #ff7700;
 -moz-box-shadow: 0 0 4px #555;
 -webkit-box-shadow: 0 0 4px #555;
 box-shadow: 0 0 4px #555;
}
其中box-shadow四个属性依次为左右偏移(右偏移为正)、上下偏移(下偏移为正)、阴影模糊、阴影颜色。效果见右图。

... >>>阅读全文

CSS圆角:千呼万唤始出来

2009-04-18 | 作者: 黯然销魂剑 | 评论: 0 | 浏览: 450
参照 @utom 的建议:
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
蓄谋已久,这两天终于把评论和和留言正文框改成了简单的圆角,并加上了气泡样式。Firefox 3+/Safari 3+/Chrome下测试通过,使用IEOpera的同学请无视。效果如下图:

... >>>阅读全文

博客更新公告1.160

2008-11-27 | 作者: 黯然销魂剑 | 评论: 0 | 浏览: 553
  • 修改 LOGO
  • 侧边栏增加 Google Talk chatback 栏目,可匿名和我在线聊天。岁月匆匆,生命短暂,请尽量避免闲聊。;)
  • 调整首页布局与页面配色。简洁至上,注重留白。
... >>>阅读全文

博客更新公告1.154b

2008-07-22 | 作者: 黯然销魂剑 | 评论: 0 | 浏览: 662
首先,请猛按键盘上的F5刷新本页面!

本次更新内容:
  • LOGO尺寸的缩小。
  • header部分的留白。
  • 导航栏样式的修改。
另,最近本站发布的摄影作品较多,因此强烈推荐您点击日志中的任何一张图片,从弹出的Lightbox中查看——相当于一个微型相册。效果如下图(马上单击它,试试效果如何吧!):



LoveWangMin#619

公告1.154

2008-06-03 | 作者: 黯然销魂剑 | 评论: 0 | 浏览: 611
  • 自今日起正式停用rugutang.com域名,请朋友们使用LoveWangMin.cn访问本站。此举虽然会损失一些流量,也影响搜索引擎的收录,但对于我来说,无所谓。
  • 采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议。欢迎转载本站所有原创文章,前提是不得用于商业目的,并且注明出处“别君去兮LoveWangMin.cn”和作者“黯然销魂剑”。本站所转载的文章亦遵守相关协议。
  • 增加了评论回复功能(感谢Alonefly)。
  • 对CSS做了多处细节调整。
  • 页脚部分的修改。
  • 对网页配色做了微调。
LoveWangMin#570

博客挂马事件

2008-05-18 | 作者: 孤灯不明 | 评论: 1 | 浏览: 673
昨天上午发现博客页面顶部凭空多出了几像素的空白。Ctrl+U调出源代码,只见<head>之上赫然多出一行iframe代码:


我意识到:被挂马了(有趣的是这个马的域名:luobotebaqiao!看来挂马者居然还是巴乔的粉丝……汗……)!马上联系空间提供商,说明此问题。又在网上找了一下,得知:用一行针对IE浏览器的CSS代码,将iframe忽略掉即可(前提是原页面没有使用iframe):
iframe{
 v:expression(this.src='about:blank',this.outerHTML='');
}

LoveWangMin*554
1 | 2 | >