Subscriptions
css
CSS Sprites样式生成工具
2009-12-14 23:24 | Posted by Sunshow | Filed Under Software, WebDev
推荐一个CSS Sprites样式生成工具 作者主页：http://www.cssforest.org/blog/index.php?id=129 这是一个基于Adobe AIR的工具，需要下载AIR运行时 使用效果图： 操作说明： 载入图片后，双击新增一个区域，设置每个区域的类名等属性，最后可以导出css列表 更多说明可以参考主页内容 标签：adobe, AIR, css, sprite, 下载, 列表, 图片, 样式 相关日志 一个完整的表格样式 (1) 克服懒惰 (1) IE6下CSS背景图片的Bug (0) 应用新主题 (5) μTorrent 1.6.1 (build 488) released (1)
应用新主题
2009-05-13 22:42 | Posted by Sunshow | Filed Under WordPress
跟以前主题的比较： 1、全新的结构，基于hybrid 2、960px定宽 3、侧边栏大变样，其中最近评论加上了头像显示 4、支持Widget 5、面包屑导航 Todo： 正文部分和评论部分的CSS设计 done 不同页面拥有不同内容的侧边栏 制作Links页面 done 还有很多遗漏的地方 鸣谢： Becomin' Charles：我从这里得到了很多hybrid方面的帮助 NeoEase：我在这里剽窃了一些样式，囧 标签：css, theme, 主题, 头像, 评论 相关日志 破解Win2003的主题限制 (1) 打印 HTML 网页强制换页的方式 (0) 有时候注释也不能乱写 (1) IE6又一bug？ (4) 兼容IE和FireFox的间隔滚动代码 (1)
有时候注释也不能乱写
2009-02-21 17:11 | Posted by Sunshow | Filed Under WebDev
让我们看看这个很简单的例子： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #body { margin: 0 auto; width: 400px; height: 200px; background: #eee; } #left { float: left; width: 100px; [...]
一个完整的表格样式
2008-04-24 10:51 | Posted by Sunshow | Filed Under WebDev
一坨针对IE的HACK table.default { background: #C1DCF7 none repeat scroll 0%; border: 1px solid #C1DCF7; color: #000000; width: 98%; border-collapse: collapse; margin: 0 auto; } table.default caption { background:transparent url(http://blog.sunshow.net/wp-content/uploads/2008/04/bg_list.gif) repeat-x scroll 0%; height: 30px !important; line-height: 30px; text-align: left; padding-left: 10px; font-size: 14px; [...]
IE6又一bug？
2008-04-16 16:01 | Posted by Sunshow | Filed Under WebDev
总结一下就是类似#gisarrow.over、#gisarrow.expanded这样的选择符 在使用javascript动态更改className的时候只有最先定义的一个样式有效 在IE6运行以下例子，然后删掉#gisarrow.over做个对比 IE7下还没试 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> #gisarrow { width: 10px; height:630px; float: left; background: #F3F3F3 url(http://124.42.44.70/ska/images/arrow-right.gif) no-repeat center; } #gisarrow.over { background-color: #C3D9FF; cursor: pointer; } #gisarrow.expanded { background-image: url(http://124.42.44.70/ska/images/arrow-left.gif); } </style> <script type="text/javascript"> function expand() { var arrow = document.getElementById('gisarrow'); arrow.className = 'expanded'; [...]
Recent Comments