2009年4月11日星期六

常用CSS缩写语法总结

我们在设计CSS时可以使用css缩写,这样可以减少你CSS文件的大小,而且更加容易阅读和查找。

css缩写的主要规则如下:

margin/padding
通常写法,会遇到以下三种情况

margin-top:1px;
margin-right:10px;
margin-bottom:5px;
margin-left:20px;

margin-top:5px;
margin-right:5px;
margin-bottom:5px;
margin-left:5px;

margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:5px;

那么我们进行CSS缩写后会让你目惊口呆的效果.如下

margin:1px 10px 5px 20px;

margin:5px;

margin:0 10px 0 5px;

书写顺序是 margin:上 右 下 左 ,

在CSS中.值为0的时候可以将单位省略不写就像第三种写法一样.

其中padding和margin基本是一样的写法

怎么样.是不是大吃一惊.是的.CSS缩写就是这样做到的.

border
通常写法:

border-width:1px;
border-style:solid;
border-color:#000;

缩写后:

border:1px solid #000;

书写顺序:border:宽度 边框线种类 颜色;

Background
通常写法:

background-image:url(bg.png);
background-color:#00f;
background-repeat:no-repeat;
background-position:0 0;

缩写后:

background:url(bg.png) #00f no-repeat 0 0;

书写顺序:background:背景图片 颜色 重复类型 定位;
background:image color repeat position;

Font
通常写法:

font-family:"宋体";
font-size:2em;
line-height:180%;
font-weight:800;


缩写后:

font:800 2em/180% "宋体";

书写顺序:font:加粗 字体大小/行高 字体;

在使用Font缩写时至少要有 字体大小和字体这两项

font:字体大小 字体;

Color
通常写法:

color:#000000;
color:#001188;

缩写后:

color:#000;
color:#018;

16进制的色彩值时,如果每两位的值相同,可以缩写一个

转自365css 原帖地址http://www.365css.cn/post/645.html

2009年4月8日星期三

Ubuntu下安装独立的Aptana

独立的Aptana安装方法:

1、安装java:
sudo apt-get install sun-java6-jre sun-java6-plugin sun-java6-fonts

2、Ubuntu用户选择LINUX版本Aptana,下载解压到 /usr/local目录

下载地址
3、在aptana文件目录下创建一个文档,命名为aptana.sh,将以下内容复制进去:
#!/bin/bash

# Set path for the Mozilla SWT binding
MOZILLA_FIVE_HOME=${MOZILLA_FIVE_HOME%*/}
if false && [ -n "$MOZILLA_FIVE_HOME" -a -e $MOZILLA_FIVE_HOME/libgtkembedmoz.so ]; then
:
elif [ -e /usr/lib/mozilla/libgtkembedmoz.so ]; then
export MOZILLA_FIVE_HOME=/usr/lib/mozilla
elif [ -e /usr/lib/firefox/libgtkembedmoz.so ]; then
export MOZILLA_FIVE_HOME=/usr/lib/firefox
elif [ -e /usr/lib/xulrunner/libgtkembedmoz.so ]; then
export MOZILLA_FIVE_HOME=/usr/lib/xulrunner
elif [ -e /usr/lib/mozilla-firefox/libgtkembedmoz.so ]; then
export MOZILLA_FIVE_HOME=/usr/lib/mozilla-firefox
elif [ -e /usr/lib/mozilla/libgtkembedmoz.so ]; then
export MOZILLA_FIVE_HOME=/usr/lib/mozilla
else
$DIALOGW \
--title="Integrated browser support not working" \
--text="This Eclipse build doesn't have support for the integrated browser."
[ $? -eq 0 ] || exit 1
fi

# libraries from the mozilla choosen take precedence
LD_LIBRARY_PATH=$MOZILLA_FIVE_HOME${LD_LIBRARY_PATH:+:$LD_LIBRARY_PATH}

# Do the actual launch of Aptana Studio
exec /usr/local/aptana/AptanaStudio

4、鼠标右击桌面,在桌面创建一个启动器,命名为Aptana,在命令一栏填入启动文件路径:/usr/local/aptana/aptana.sh 关闭



5.启动,若出错,执行以下命令:sudo apt-get install xulrunner

6、修改aptana.sh的权限:sudo chmod +x aptana.sh
7.将启动项的图标换成Aptana的就搞定了(这一步随个人意愿执行)

破解方法:

网上找的最新aptana studio 1.2(1.2.0.018852版本)破解文件下载地址:点击下载此文件

破解文件使用方法:

使用附件中的3个class文件替换掉plugins\com.aptana.ide.core_1.2.0.018852.jar(后面的版本 号可能会有所不一样,不用管它,只要找到com.aptana.ide.core_开头就行了),这个文件可以用WINRAR打开.
用WINRAR打开,自己拖动替换这3个class文件 com.aptana.ide.core_1.2.0.018852.jar\com\aptana\ide\core\licensing路径下,



Aptana官方教程请到这里:

2009年4月7日星期二

Ubuntu下重启apache的终端命令

命令如下:sudo /etc/init.d/apache2 restart

2009年4月6日星期一

分享两款google主题桌面壁纸

此次分享网上淘得的两款google主题壁纸,分别为黑(dark),白(light)两款,简单而且酷毙。这两款壁纸是google十周年专题100张壁纸中的两款。
每款(png格式)有四种分辨率,分别为:
1290×1200
1680×1050
1440×900
1280×800
同在一个压缩包里,需要的朋友自行下载选择。
壁纸预览图如下:


点击进入下载

淘宝订单交易开始于1970年?

以下是淘宝网订单查询页面的一个截图,纯属意外发现:

什么是favicon.ico? 教你如何制作、使用favicon.ico

在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站Logo,也包括favicon。

什么是favicon?

所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。

从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
如何制作Favicon.ico

制作Favicon.ico的方法相当简单,首先,利用图形工具创建2个反映网站主题的256色的小图片:1个为32×32像素,另一个为16 ×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。

需要说明的是,在很多关于Favicon.ico的说明中,常见到要求图片为16色的说法,应该说这类说法大大过时:在早期如Windows 95时期,16色的Favicon.ico可能是个稳妥的选择,保证其在大多数情况下正常使用,但现在,完全不存在那类限制,16色只能使图标的展示效果大大降低。

至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。

图片制作好后,使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。也可以通过可以在线制作Favicon的网站来制作。 可以在线制作favicon.ico的地址: http://www.chami.com/html-kit/services/favicon/

当然还有很多其它的地址,大家可以到网上搜索一下即可!

在网页中使用Favicon.ico

浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。

如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的head部分加入如下的代码:

Firefox还支持GIF动画格式的Favicon,使用方法如下:

首先制作一个16*16的gif动画,然后在html代码head,/head中加入如下代码:


转自Xiaorsz’s Blog 原帖地址http://www.xiaorsz.com/faviconico/

小企鹅输入法酷黑皮肤配置文件


安装好小企鹅之后,打开配置文件地址,打开方法输入命令行:
gedit ~/.fcitx/config

将酷黑配置文件复制粘贴到config,覆盖原有所有内容,重启即可。
配置文件如下:
[程序]
显示字体(中)=YaHei Consolas Hybrid
显示字体(英)=YaHei Consolas Hybrid
显示字体大小=10
主窗口字体大小=9
字体区域=zh_CN.UTF-8
是否使用AA字体=1
是否使用粗体=1

[输出]
数字后跟半角符号=1
Enter键行为=2
分号键行为=2
大写字母输入英文=1
转换英文中的标点=1
联想方式禁止翻页=1

[界面]
候选词个数=9
主窗口是否使用3D界面=0
输入条使用3D界面=0
主窗口隐藏模式=1
显示虚拟键盘=0
是否自动隐藏输入条=1
输入条是否居中=1
首次显示输入条=0
#输入条固定宽度(仅适用于码表输入法),0表示不固定宽度
输入条固定宽度=0
输入条偏移量X=0
输入条偏移量Y=80
序号后加点=1
显示打字速度=1
显示版本=1
光标色=102 159 66
主窗口背景色=79 79 79
主窗口线条色=247 242 253
主窗口输入法名称色=153 153 153 102 159 66 56 134 230
输入窗背景色=79 79 79
输入窗提示色=253 253 253
输入窗用户输入色=253 253 253
输入窗序号色=253 253 253
输入窗第一个候选字色=253 253 253
#该颜色值只用于拼音中的用户自造词
输入窗用户词组色=253 253 253
输入窗提示编码色=253 253 253
#五笔、拼音的单字/系统词组均使用该颜色
输入窗其它文本色=253 253 253
输入窗线条色=203 202 186
输入窗箭头色=193 227 151
虚拟键盘窗背景色=220 220 220
虚拟键盘窗字母色=80 0 0
虚拟键盘窗符号色=0 0 0

#除了“中英文快速切换键”外,其它的热键均可设置为两个,中间用空格分隔
[热键]
打开/关闭输入法=CTRL_SPACE
#中英文快速切换键 可以设置为L_CTRL R_CTRL L_SHIFT R_SHIFT
中英文快速切换键=L_CTRL
双击中英文切换=0
击键时间间隔=250
光标跟随=CTRL_K
GBK支持=CTRL_M
GBK繁体切换键=CTRL_ALT_F
联想支持=CTRL_L
反查拼音=CTRL_ALT_E
全半角=SHIFT_SPACE
中文标点=ALT_SPACE
上一页=- ,
下一页== .
第二三候选词选择键=SHIFT

[输入法]
使用拼音=1
使用双拼=1
默认双拼方案=自然码
使用区位=1
使用码表=1
提示词库中的词组=1

[拼音]
使用全拼=0
拼音自动组词=1
保存自动组词=0
增加拼音常用字=CTRL_8
删除拼音常用字=CTRL_7
删除拼音用户词组=CTRL_DELETE
#拼音以词定字键,等号后面紧接键,不要有空格
拼音以词定字键=[]
#重码调整方式说明:0-->不调整 1-->快速调整 2-->按频率调整
拼音单字重码调整方式=2
拼音词组重码调整方式=1
拼音常用词重码调整方式=0
是否模糊an和ang=0
是否模糊en和eng=0
是否模糊ian和iang=0
是否模糊in和ing=0
是否模糊ou和u=0
是否模糊uan和uang=0
是否模糊c和ch=0
是否模糊f和h=0
是否模糊l和n=0
是否模糊s和sh=0
是否模糊z和zh=0

2009年4月5日星期日

如何让 Firefox自动用 aMule下载 ed2k 连接

如果你跟我一样,在 Ubuntu 7.04 中安装了 aMule(跟windows中的emule差不多的p2p软体),使用 Firefox 下载 ed2k 连结的网址时,却无法自动开启 aMule 下载,以下为解决方法:

1. 先安装插件,在『终端机』输入
sudo apt-get install amule-utils

2. 在 Firefox 网址栏输入 about:config

3. 对列表按右键,选择 新增(New) ->真假值(Boolean)
在设定名称(Preference Name)输入 network.protocol-handler.external.ed2k
内含值(Value)选 true

4. 对列表按右键,选择 新增 ->字串(String)
在设定名称输入 network.protocol-handler.app.ed2k
内含值输入 /usr/bin/ed2k

5. 关闭列表,完成。


注意事项:
使用此方法之后,按下 ed2k 连结的网址时,并不会开启 aMule『软体』,
但是会自动加入 aMule的『下载列表』,即使aMule并没有开启,也会加入列表等待下载,相当神奇。