29 May 2009

将iNove标题换成图片

首先创建一个标题图片，注意要隐藏背景图层，使其透明，保存为 title.gif (GIF 图片)，并且将“杂边”设置为黑色。

然后编辑一下 ‘style.css’ 文件以更换标题，打开 style.css 文件, 并在文件中找到 ‘#title a’，屏蔽或者移除以下代码：

title a {

text-decoration:none;
color:#FFF;
/*width:250px;*/
height:30px;
display:block;
font-family:”Trajan Pro”;
letter-spacing:0;
}

然后激活下面的代码。(移除掉开始位置的 /* 和 结束位置的 */ 即可)

title a {

background:url(img/title.gif) no-repeat;
text-decoration:none;
color:#FFF;
width:250px; /* change ‘250’ to the width of you title.gif file */
height:30px;
text-indent:-999em;
display:block;
}

通过height:30px可以更改上下位置，我设置的是38px。保存，刷新看看效果吧！

PS.以前的文字标题title效果：

更改为图片title的效果：

via: http://www.neoease.com/use-image-title-in-inove/

Til next time,
Jason at 00:00