Заливаем в корень сайта папку из архива.
Это вставляем в 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;
}
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
Ставим свои ссылки
Code
Вроде все)
Пользуйтесь)




