banner和body连在一起$BlogItemTitle$>
10/09/2012$BlogDateHeaderDate$> at 17:53$BlogItemDateTime$>
列图:我的部落格banner和body连在一起后
原样:只是个banner
Steps
1。首先,你要制作一个和你部落格一样宽(width)的banner,要知道自己部落格有几宽,参考:
模板 > 自定义 > Adjust widths > 来到上图那里
2。知道几宽(960那个!)了后,就开始制作和那宽度一样的banner,建议软件:
# Photoshop
# 美图
# 其他制图软件
3。把图片上传到:配置标题那里
4。 保存了后,去 模板 > 修改HTML > 按 Ctrl + F 寻找 .header-outer
5。在.header-outer 的下面放 margin-bottom:-10px;
6。预览看看在banner和body之间有*缝隙没有?如果有的话没关系,只需要把-10调到banner和body合在一起为止就可以了。
**banner和body之间不要有小工具存在
**部落格外框如果是圆角的话,最好换掉它,要不然效果没有你想象的美
**美的banner只需要自己平常多多研究多练习找资料,就可以制的了,所以不要羡慕别人的banner有多美,你也可以的!Labels: 部落教学 $BlogItemBody$>
0 lovely comments
|
banner和body连在一起$BlogItemTitle$>
10/09/2012$BlogDateHeaderDate$> at 17:53 $BlogItemDateTime$>
列图:我的部落格banner和body连在一起后
原样:只是个banner
Steps
1。首先,你要制作一个和你部落格一样宽(width)的banner,要知道自己部落格有几宽,参考:
模板 > 自定义 > Adjust widths > 来到上图那里
2。知道几宽(960那个!)了后,就开始制作和那宽度一样的banner,建议软件:
# Photoshop
# 美图
# 其他制图软件
3。把图片上传到:配置标题那里
4。 保存了后,去 模板 > 修改HTML > 按 Ctrl + F 寻找 .header-outer
5。在.header-outer 的下面放 margin-bottom:-10px;
6。预览看看在banner和body之间有*缝隙没有?如果有的话没关系,只需要把-10调到banner和body合在一起为止就可以了。
**banner和body之间不要有小工具存在
**部落格外框如果是圆角的话,最好换掉它,要不然效果没有你想象的美
**美的banner只需要自己平常多多研究多练习找资料,就可以制的了,所以不要羡慕别人的banner有多美,你也可以的!Labels: 部落教学 $BlogItemBody$>
|