用图片做Banner
你也许想用一张图片来代替MT缺省的顶部Banner条，很简单。
1. MT3.2缺省模板的宽度为720 pixel，除去左右的边框各5 pixel，有效的页面宽度是710 pixel，那么我们准备一张710x60的图片（高度按照你自己的需要来设定）备用。
2. 注意，如果你仍然在Banner上使用#banner-inner的样式，那么将border-width:2px 2px 0 2px; 改为border-width:0 0 0 0;
3. 将图片做为背景使用：
编辑样式表模板，找到
#banner
{
width: 710px; /* necessary for ie win */
background: #a3b8cc;
}
{
width: 710px; /* necessary for ie win */
background: #a3b8cc;
}
将其替换为
#banner
{
width: 710px;
background-image: url("http://www.yourweblog.com/path/to/your/banner/image.gif");
background-repeat: no-repeat;
height: 100px;
}
{
width: 710px;
background-image: url("http://www.yourweblog.com/path/to/your/banner/image.gif");
background-repeat: no-repeat;
height: 100px;
}
其中url是你自己的banner背景图片地址，高度100px可根据你自己的情况设定。
如果你不是一全幅的Banner图片，而只是一个小尺寸的LOGO，那么你可能还需要设定背景颜色，在以上代码的width:710px;下面加一行background-color: 000000;即可，颜色根据你自己的需要设定。
4. 我用的方法很简单，不用修改样式表，用图片整个替换Banner条并链接到Blog首页。
编辑主模板，找到
<div id="banner">
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>
</div>
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>
</div>
将其改为
<a href="<$MTBlogURL$>" accesskey="1"><img src="http://www.yourblog.com/path/to/your/banner/image.jpg"></a>
保存并重建就行了。
5. 注意，缺省的单篇文章模板的banner宽度为510 pixel，修改这个模板的时候请注意banner图片的尺寸。
Tags:
Comments
重建日记时失败: 载入 Blog 1 失败: 连接 /home/.asparagus/ewer/pponk.pn/database/category.parent.idx 失败: No such file or directory
MT重建立是遇到的问题！麻烦看看怎么解决？
Posted by: Binning | 2006.04.16 - 16:43