Заливаем в корень сайта папку из архива.
Это вставляем в CSS.
Code
.bot_right {
float:right;
padding:0 5px 0 0;
width:400px;
}
.bot_right a#bot3 {
float:right;
display:block;
width:26px;
height:24px;
background:url/images_new/h_but_5.png) no-repeat 0 0;
}
.bot_right a#bot3:hover {
background-position:-26px 0;
cursor:pointer;
}
.bot_right a#bot909 {
float:right;
display:block;
width:26px;
height:24px;
background:url(/images_new/vkontakte.png) no-repeat 0 0;
}
.bot_right a#bot909:hover {
background-position:-26px 0;
cursor:pointer;
}
.bot_right a#bot908 {
float:right;
display:block;
width:26px;
height:24px;
background:url(/images_new/twitter.png) no-repeat 0 0;
}
.bot_right a#bot908:hover {
background-position:-26px 0;
cursor:pointer;
}
.bot_right a#bot4 {
float:right;
display:block;
width:26px;
height:24px;
background:url(/images_new/h_but_6.png) no-repeat 0 0;
}
.bot_right a#bot4:hover {
background-position:-27px 0;
cursor:pointer;
}
.header_s {
float:right;
}
.header_s input[type="text"] {
border:0;
background:url(/images_new/header_search.png) no-repeat 0 0;
height:20px;
font-family:tahoma;
font-size:11px;
color:#3b3b3b;
line-height:20px;
text-indent:7px;
width:132px;
}
.header_s input[type="submit"] {
float:right;
border:0;
background:url(/images_new/header_search.png) no-repeat -138px 0;
width:25px;
height:22px;
}
.header_s input[type="submit"]:hover {
background-position:0 -24px;
cursor:pointer;
}
.header_pop {
display:none;
padding:0 0 12px 0;
position:absolute;
background:url(/images_new/popup_profile.png) no-repeat 0 0;
z-index:10;
width:274px;
height:116px;
margin:24px 0 0 -3px;
}
.header_pop_close {
background:url(/images_new/h_but_4.png) no-repeat 0 0;
width:14px;
height:13px;
float:right;
margin-top:-14px;
cursor:pointer;
}
.header_pop_close:hover {
background-position:-15px 0;
}
.header_pop_cont {
padding:4px 0 0 9px;
}
.header_pop_cont .pop_l {
width:113px;
height:92px;
border:1px solid #000;
-moz-border-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
padding:2px;
float:left;
overflow:hidden;
}
.header_pop_cont .pop_l img {
width:112px;
height:92px;
margin:0 auto;
}
.header_pop_cont ul {
padding:0;
margin:0;
}
.header_pop_cont ul li {
display:block;
background:url(/images_new/line.png) repeat-x 0 top;
margin:0 2px 0 0;
padding-top:2px;
height:18px;
line-height:17px;
}
.header_pop_cont ul li:first-child {
background:0;
padding-top:0;
}
.header_pop_cont ul li a {
display:block;
font-family:tahoma;
font-size:11px;
color:#4c4c4c;
padding-left:6px;
height:18px;
}
.header_pop_cont ul li a:hover {
text-decoration:none;
color:#8f8989;
background:url(/images_new/line2.png) repeat-x 0 0;
}
.header_pop_cont .pop_r {
padding:0 0 0 0;
overflow:hidden;
}
.header_center {
background:url(/images_new/header_bg.png) repeat-x 0 0;
height:191px;
}
.header_logo {
background:url() no-repeat 2px 0;
height:191px;
}
.header_logo a {
display:block;
height:155px;
margin-left:35px;
width:320px;
}
.header_bottom {
background:url(/images_new/header_bottom_bg.png) repeat-x 0 0;
height:32px;
padding:10px 0 0 13px;
}
.header_bottom a#bot1,
.header_bottom a#bot33 {
width:72px;
height:24px;
background:url(/images_new/h_but_2.png) no-repeat 0 0;
font-family:tahoma;
font-size:11px;
color:#4c4c4c;
line-height:23px;
text-align:center;
position:relative;
display:inline-block;
outline:none;
float:left;
}
.header_bottom a#bot2 {
display:block;
width:101px;
height:24px;
background:url(/images_new/h_but_3.png) no-repeat 0 0;
font-family:tahoma;
font-size:11px;
color:#4c4c4c;
line-height:23px;
text-align:center;
float:left;
margin-left:4px;
}
.header_bottom a#bot1:hover,
.header_bottom a#bot33:hover {
background-position:0 -25px;
}
.header_bottom a#bot2:hover {
background-position:0 -25px;
}
#popup_info {
width:315px;
height:35px;
background:url(/images_new/popup_info.png) no-repeat 0 0;
}
.header_bottom a#bot1:hover span {
visibility: visible;
}
.header_bottom a#bot1 span {
visibility:hidden;
position:absolute;
bottom:27px;
left:50%;
z-index:999;
margin-left:-30px;
width:315px;
height:35px;
background:url(/images_new/popup_info.png) no-repeat 0 0;
font-family:tahoma;
font-size:11px;
color:#4c4c4c;
font-weight:bold;
}
А это в верхнюю часть сайта.
Code
<div class="header_bottom" style="z-index: 5; ">
<div class="bot_right">
<a href="Ссылка" title="Мы в ВКонтакте" id="bot909"></a>
<a href="Ссылка" title="Наш Твиттер" id="bot908"></a>
<a href="Ссылка" title="RSS лента" id="bot3"></a>
<form onsubmit="this.sfSbm.disabled=true" method="get" action="/search/" class="header_s">
<input name="sfSbm" value="" type="submit" />
<input name="q" value="Поиск по сайту..." onblur="if(this.value=='')this.value='Поиск по сайту...'" onfocus="if(this.value=='Поиск по сайту...')this.value=''" type="text" />
</form>
</div>
<?if($LOGIN_LINK$)?><a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;" id="bot33">Вход</a> <a href="/index/3" id="bot2">Регистрация</a></a><?endif?>
<?if($USER_LOGGED_IN$)?><a href="#" id="bot1">Профиль<span>Вы вошли как $USERNAME$ | Группа "$USER_GROUP$"</span></a> <a href="/index/10" id="bot2">Выйти с сайта</a><?endif?>
<div class="bot_left">
<a href="/faq" title="Помощь" id="bot1"><red>Помощь</red></a>
</div>
<div class="header_pop" style="display: block; ">
<div class="header_pop_close"></div>
<div class="header_pop_cont">
<div class="pop_l"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" alt="$USER_FULL_NAME$" /><?else?>/rurip/images/noava.png<?endif?></div>
<div class="pop_r">
<ul>
<li><a href="/index/8">Полный профиль</a></li>
<li><a href="$PM_URL$">Читать лс ($UNREAD_PM$)</a></li>
<li><a href="/index/11">Редактировать данные</a></li>
<li><a href="/forum/12-130736-1"><font color="#ac0404"><b>Правила сайта</b></font></a></li>
<li><a href="$USERS_LIST_URL$">Список пользователей</a></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/images_new/header_script.js"></script>
Ставим свои ссылки
Code
<a href="Ссылка" title="Мы в ВКонтакте" id="bot909"></a>
<a href="Ссылка" title="Наш Твиттер" id="bot908"></a>
<a href="Ссылка" title="RSS лента" id="bot3"></a>
Code
<li><a href="/forum/12-130736-1"><font color="#ac0404"><b>Правила сайта</b></font></a></li>
Вроде все)
Пользуйтесь)