1. Все файлы кроме jquery-1.3.2.js и index.html загружаете в редактор шаблонов. В style.css меняете в background ссылки на картинки. Также необходимо style.css подключить в шаблоне HTML до </head> прописав сл.строку:
<link href="{ASSETS_STYLES_PATH}style.css" rel="stylesheet" />
В HTML вставляете:
<ul id="navigation">
<li class="home"><a href=""><span>Home</span></a></li>
<li class="about"><a href=""><span>About</span></a></li>
<li class="search"><a href=""><span>Search</span></a></li>
<li class="photos"><a href=""><span>Photos</span></a></li>
<li class="rssfeed"><a href=""><span>Rss Feed</span></a></li>
<li class="podcasts"><a href=""><span>Podcasts</span></a></li>
<li class="contact"><a href=""><span>Contact</span></a></li>
</ul>
в необходимом вам месте.
В main.js в самый конец вставляете:
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
2.В файле bootstrap-responsive.min.css найдите и измените background
.span4 {
background: none repeat scroll 0 0 #FFFFFF;
height: 100%;
padding-top: 15px;
}
3. В файле bootstrap-responsive.min.css найдите и измените Background
#main {
background: url("http://o7930.storeland.net/site_bg.gif") repeat-y scroll 50% 0 rgba(0, 0, 0, 0);
}
P.S.:
.span4 {
height: 100%;
width: 228px;
}
замените на:
.span4 {
border-right: 2px solid #000000;
height: 100%;
width: 226px;
}