美化你的Blog之HeaderBar

相信很多Blogger都想自己动手美化blog，但是很多人都不会PhotoShop或CorelDraw。不用担心，有一个工具能够让你在几分钟内制作出满意的HeaderBar。"AAA Logo"就是这样一个小巧但功能非常强大的Logo制作工具，它提供丰富的字体和图案，让你快速组合出自己的Logo。

最后，你可以将Logo保存为各种流行的图片格式。如果感觉大小不合适，你可以将其拷贝后打开PhotoShop使用快捷键Ctrl+n新建图片，这是PS会根据剪贴板中图片大小创建合适的画布，你可以调整画布大小（这个在PS中相当容易，一看菜单就会），一般来说HeaderBar尺寸为1000×100pixels比较合适。

这样你没有必要在苦苦修改CSS找到你所喜欢的HeaderTitle字体，仅仅一幅背景图片就搞定。

下面是我的header的CSS（基于keso）:

#header
 {
   background: #FFFFFF 
   url(" https://p-blog.csdn.net/images/p_blog_csdn_net/Lodger007/66815/o_banner.gif") no-repeat;
   border: 1px dotted black;   
   height: 85px;  
 }

这样带来了一个问题：如果你有专栏标题，标题会显示在HeaderBar上。可以有下面代码将其隐藏掉：

.headermaintitle{visibility: hidden;}