Что бы зафиксировать шапку и логотип нужно все лишь добавить в styles.css
найти
#header{ height:60px; line-height:60px; background:url(../images/headbg.png) repeat-x left bottom; } #sitename a{ display:block; width:199px; height:60px; background:url(../images/logo.png) no-repeat left center; }
#header { background: url("../images/headbg.png") repeat-x scroll left bottom transparent; height: 60px; line-height: 60px; margin: 0 auto; position: fixed; width: 99%; z-index:100; margin-top: -62px } #sitename a { background: url("../images/logo.png") no-repeat scroll left center transparent; display: block; height: 60px; width: 270px;; } #sitename a:hover { background: url("../images/logohov.png") no-repeat scroll left center transparent; display: block; height: 60px; width: 270px; }
<body style="margin-top: 60px !important; ">
"logo.png"- это логотип который будет отображаться НЕ наводя на него
"logohov.png"- это логотип каким он будет если на него навести курсор
Все картинки кидаем в папку шаблона /images