 banner和body连在一起 10/09/2012 at 17:53
列图：我的部落格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: 部落教学
0 lovely comments
0 Comments:
|
banner和body连在一起
10/09/2012 at 17:53
列图：我的部落格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: 部落教学
0 Comments:
|
Travel kaki | Ocean addict | Shopper | Banker
Post a Comment