给背景图片加上链接(2)

话不多说,这是给背景图片加上链接的第二种方法,第一种方法在这里

今天讲解给背景图片加上链接的第二种方法:a标签在需要加链接标签的里面,例:U9-WAR3专区

CSS代码如下:

下载: style.css
  1. h1 { 
  2.     height:60px;
  3.     width:260px;
  4.     background:url("http://war3.uuu9.com/skin/20081223/images/logo.gif") no-repeat scroll 0 0 transparent;
  5.     cursor:pointer; //指定鼠标指针显示样式
  6. } 
  7.  
  8. h1 a {
  9.     height:100%;
  10.     width:100%;
  11.     display:block; //把a标签定义为块级元素
  12.     text-indent:-9999px; //使文字移出显示器的显示范围,只保留用户能看到背景图片
  13. }

HTML代码如下:

下载: html.html
  1. <h1>
  2.  
  3.     <a href="http://war3.uuu9.com">
  4.         游久魔兽专题频道 war3.uuu9.com
  5.     <a>
  6.  
  7. </h1>

点评:与第一种方法相同的是,背景图片还是定义给了h1标签;与第一种方法不同的是,这次的a标签在h1标签的里面,就是说a标签包住的不是h1标签,而是文字。而文字不是块级元素,所以需要给a标签定义display:block属性;文字的高宽度也不能满足背景图片的高宽度,所以需要给a标签一个高和宽。

注意点:不要忘了定义a标签的高度和宽度;不要忘了给a标签定义text-indent:-9999px属性,使文字移出显示屏之外。

给背景图片加上链接(1)

在做页面时候,有时难免会把图片做成背景,但是又想加个链接,有多种解决办法:

今天讲解其中的一种:a标签在需要加链接标签的外面,例:Google Reader

CSS代码如下:

下载: style.css
  1. h1 { 
  2.     height:30px;
  3.     width:128px;
  4.     background:url("http://www.google.com/reader/ui/2677736484-reader-logo-zh_CN.gif") no-repeat scroll 0 0 transparent;
  5.     cursor:pointer; //指定鼠标指针显示样式
  6. } 
  7.  
  8. h1 span { 
  9.     display:none; //隐藏span里的内容,使用户只能看到背景图片,即logo 
  10. }

HTML代码如下:

下载: html.html
  1. <a href="https://www.google.com/reader/view/">
  2.     <h1>
  3.         <span>Google Reader</span>
  4.     </h1>
  5. </a>

点评:因为a标签在h1标签的外面,就是说h1标签已经被a标签选中,所以直接给h1加背景图片就行了。

注意点:不要忘了定义h1标签的高度和宽度;不要忘了把span标签里的内容隐藏。

gSTM——Linux下SSH客户端

刚开博客的时候介绍了一个windows下的SSH客户端,作为翻墙工具,今天介绍一个Linux下的SSH客户端——gSTM,全名叫Gnome SSH Tunnel Manager,下载地址:http://sourceforge.net/projects/gstm/

不懂SSH翻墙技术的可以看下Tunnelier——SSH客户端这篇文章,文章的前半部简短的讲解了一下SSH的翻墙原理。下面给大家简单介绍下gSTM。

下载安装后,打开,如图:

gSTM

点击“添加”,添加自己的SSH帐号信息,如图:

为gSTM添加账户

Name:随便写个名字就行;

Host:SSH地址,我这里用的是我的博客地址;

Login:SSH登录用户名;

Port:SSH默认端口为22,一般不用改动,除非你SSH主机的端口改动了;

Autostart:选上之后,开启gSTM后会自动登录这个账户;

Port redirection:端口重定向。简而言之就是定义gSTM在本地的端口,这步方便对浏览器结合进行翻墙,这里Type选择dynamic,Port写7070(AutoProxy中SSH的默认端口),To host写n/a。

到这一步,gTSM的配置方面操作就完了,然后就可以返回gSTM的主页面点Start开启你的SSH账户了,它会提示你输入密码。gSTM不为你的SSH账户保存密码,每次开启都要手动输入。

下面进行浏览器的结合,即把你的浏览器指向gSTM进行代理浏览网页。比如我用的Firefox的AutoProxy插件,选者SSH为代理服务器,并设SSH的代理主机为本地,端口为gSTM中设置的端口,即7070。如图:

为AutoProxy选择SSH

最后附上一个免费的SSH帐号:http://www.myssh.in/freessh.html,免费账户会不定时修改密码,如果免费SSH代理忽然断线了,就表示密码自动不定时修改了,再次打开这个页面查看就可以了。

Ubuntu下添加ibus输入法

昨天又给笔记本装了一个操作系统——Ubuntu,Linux的一个非常不错的版本噢!

因为新装完系统,它自动有提示问我是否要更新语言包,于是我就按部就班的更新了,没什么问题,电脑很顺利的安装好了Ubuntu,甚至顺利的让我有点意外,因为这是我第一次安装Linux系统嘛。

系统是安装好了,但是不能输入中文输入法。因为昨天太晚了,所有就把这件事放到了今天晚上,本以为是一件非常简单的事情,没想到竟然弄了好几个小时。至此,到七夕的凌晨,我还没有睡觉。

通过Ubutu中文和这几个小时Google的了解,发现Ubutu中文输入法现在流行的主要有三种:Fcitx、ibus和scim。其中网上评价比较高的是Fcitx,俗称“小企鹅”。

这三种我都试途安装了,结果是前期一个也没能安装成功。Fcitx和scim,我就不说了,到最后也没安装成功。我就说一下ibus吧。网上对ibus的评价普遍不高,而且它应该是最近才被Ubuntu选为默认的汉字输入法的(下载Ubuntu汉化文件的时候,ibus是捆绑在一起的)。不过我却用着挺合适的,因为和我一直在Windows下用的Google拼音差不多,感觉打字蛮顺的;而且它的输入法图标是嵌入到最上面一行中的,这点比起Fcitx的随意拖动的图标,我非常喜欢。安装ibus的时候,我用root帐号的时候,一次行就安装成功的。不过换回普通用户,怎么安装都不成功了,到处查资料、检查、和root账户下安装的进行对比,就是超不到错误。几个小时过去了,最后都快放弃的时候,在系统 –> 首选项 –> ibus设置中发现,原来没有把要选择的输入法添加到输入法里面,如图:

虽然是一个非常小的错误,不过却让我因找这个错误,查找了好多方面的东西,同时也更加了解Ubuntu系统,同时也更深入的体验到Ubuntu的UI。

活在自己的世界,才能体会人生

基本在一线城市找工作分为两大类:一是做业务,一是做技术。

做业务呢,学会懂得交际,圆滑的处理事情。慢慢的,变成生活和业务分不开,朋友和合作伙伴分不开。这,就是做业务的最高境界(电子商务除外)。

做技术呢,往往在找工作之前,都是有对应的专业知识的。找到工作后呢,慢慢学习,知识变成能力。再然后呢,拥有独当一面的能力。活在自己技术的世界里,一个编程者,刚解决一个技术难题,绝不压于一个新业务员刚出一个大单的喜悦程度。

活在自己的世界,在于了解自己的世界。知道自己的世界是做什么的,知道自己是为了什么为而活在这个世界的;而不应该活在这个世界,看着另个世界。就像喝汤一样,喝着自己碗里的汤,却看着别人锅里的肉,结果,大口大口的嚼了起来,是会让人笑掉大牙的!

《暴力街区》女主角——Dany Verissimo

《暴力街区》,将跑酷(外国的一种运动)融入电影的一部动作片,剧情不介绍,主要是动作吸引人。

本文介绍一下影片的女主角——Dany Verissimo。喜欢她鲜明的性格,说到做到:一名大汉侮辱她,她说你在碰我的话就把内裤噻你嘴里;5分钟后,说到做到的场景实现了,当众脱下内裤,噻进大汉嘴里。震撼,哈哈,这属于法国浪漫主义色彩吗?!

我下载了一个分辨率为3278×2180的超大图片(这里上传个小的),右边的女孩就是Dany Verissimo,拿枪指着的那个(未能显示)人正是将要吃内裤的大汉:

Banlieue 13

看完影片,迫不及待的查了一下女主角的资料:

Dany Verissimo,1982年6月27日出生于法国。曾为AV演员,当时艺名为Ally Mac Tyana。

IMDB相关资料:http://www.imdb.com/name/nm1482584/

Wikipedia相关资料:http://en.wikipedia.org/wiki/Dany_Verissimo

早期那种作品下载地址:http://planetsuzy.org/t32532-ally-mac-tyana.html