Автор: 
Скачивайте архив
В файловом менеджере создайте папку WoS и залейте в неё все файлы которые находятся в архиве.
В верхнюю часть сайта (вместо старой шапки), заменяете на:
Code
Код
<div id="topborder">
<div id="suggestDiv" style="display: none; margin-top: 0px;"></div>
<form method="post" action="/news/" name="mysearchform">
<input name="query" type="hidden">
<input name="a" value="14" type="hidden">
</form>
</div>
</div>
</div>
<div id="header">
<div id="logo"><a href="http://wos.ucoz.com/"></a></div>
<div id="blockmenu">
<div class="menudiv">
<ul id="menutree">
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/" >Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/" >Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс </a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
</li>
</ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="suggestDiv" style="display: none; margin-top: 0px;"></div>
<form method="post" action="/news/" name="mysearchform">
<input name="query" type="hidden">
<input name="a" value="14" type="hidden">
</form>
</div>
</div>
</div>
<div id="header">
<div id="logo"><a href="http://wos.ucoz.com/"></a></div>
<div id="blockmenu">
<div class="menudiv">
<ul id="menutree">
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/" >Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/" >Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс </a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a></li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
</li>
</ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
<ul>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</ul>
</li>
<li><a href="http://wos.ucoz.com/">Rip by Яндекс</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
Везде где будет отображаться шапка, между <head> и </head> вставляйте:
Code<script type="text/javascript" src="/WoS/menu.js"></script>
<script type="text/javascript" src="/WoS/logo.js"></script>
В css, в самый низ:
Code
Код
#logo {float:right; margin: 0;padding: 0;text-indent: -9999px;width: 730px;height: 250px; position: relative; margin-left: 0em;background: url(http://cop-fan.at.ua/images/logo.jpg) no-repeat; }
#logo a { position: absolute; top: 0; left: 0; width: 730px; height: 100%;}
#logo .fake-hover { margin: 0; padding: 0; width: 730px; height: 250px; display: block; position: absolute;
top: center;left: 0; background: url(http://cop-fan.at.ua/images/logo.jpg) no-repeat 0 -250px;}
.menudiv ul {margin: 0px; padding: 0px; list-style-type: none; z-index:50;}
.menudiv ul li {padding-left: 10px; padding-top: 7px;height: 22px;position: relative;z-index:50; border:0px;}
.menudiv ul li ul{background: url('/WoS/ff.png') repeat; position: absolute; width: 170px; top: 0; visibility: hidden; z-index:50;}
.menudiv ul li a{font: 12px Verdana, Helvetica, sans-serif; color: #CCCCCC;display: block; overflow:auto;z-index:50;opacity: 0.8; background: url('/WoS/menu1.gif') no-repeat; padding-left: 27px;}
.menudiv ul li a:hover {color: #ecaa37;opacity: 1.0;background: url('/WoS/menu2.gif') no-repeat; height: 100%;}
.menudiv ul li ul li a:hover {opacity: 0.9;}
.menudiv .subfolderstyle{}
.blockmenu { height:18px; width: 100%; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; } .blockmenu a:link, .blockmenu a:visited { color:#999; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; background: url(); border: 1px solid #191919; border-top: 1px solid #191919; border-right: 1px solid #191919; border-bottom: 1px solid #191919; border-left: 1px solid #191919; background: #262626 url("") no-repeat left center; text-align: left; } .blockmenu a:hover { color:#c0f7ff; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border: 1px solid #404f51; border-top: 1px solid #404f51; border-right: 1px solid #404f51; border-bottom: 1px solid #404f51; border-left: 1px solid #404f51; background: #2b3837 url("") no-repeat left center; text-align: left; }
#center {12width: 1000px; height: 273px; padding: 0px; border: 0px; margin-left: auto; margin-right: auto; float: center;}
#header {width: 1000px; height: 250px; padding: 0px; border: 0px; margin-left: auto; margin-right: auto; float: center;}
#blockmenu {background:url('/WoS/fonmenu.jpg') no-repeat;width: 270px; height: 250px; margin: 0px; padding: 0px; border: 0px; float: left;}
#logo a { position: absolute; top: 0; left: 0; width: 730px; height: 100%;}
#logo .fake-hover { margin: 0; padding: 0; width: 730px; height: 250px; display: block; position: absolute;
top: center;left: 0; background: url(http://cop-fan.at.ua/images/logo.jpg) no-repeat 0 -250px;}
.menudiv ul {margin: 0px; padding: 0px; list-style-type: none; z-index:50;}
.menudiv ul li {padding-left: 10px; padding-top: 7px;height: 22px;position: relative;z-index:50; border:0px;}
.menudiv ul li ul{background: url('/WoS/ff.png') repeat; position: absolute; width: 170px; top: 0; visibility: hidden; z-index:50;}
.menudiv ul li a{font: 12px Verdana, Helvetica, sans-serif; color: #CCCCCC;display: block; overflow:auto;z-index:50;opacity: 0.8; background: url('/WoS/menu1.gif') no-repeat; padding-left: 27px;}
.menudiv ul li a:hover {color: #ecaa37;opacity: 1.0;background: url('/WoS/menu2.gif') no-repeat; height: 100%;}
.menudiv ul li ul li a:hover {opacity: 0.9;}
.menudiv .subfolderstyle{}
.blockmenu { height:18px; width: 100%; font: normal 11px Arial, Helvetica, sans-serif; text-align: left; } .blockmenu a:link, .blockmenu a:visited { color:#999; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; background: url(); border: 1px solid #191919; border-top: 1px solid #191919; border-right: 1px solid #191919; border-bottom: 1px solid #191919; border-left: 1px solid #191919; background: #262626 url("") no-repeat left center; text-align: left; } .blockmenu a:hover { color:#c0f7ff; text-decoration:none; padding-left:16px; line-height:18px; display:block; font-weight:normal; border: 1px solid #404f51; border-top: 1px solid #404f51; border-right: 1px solid #404f51; border-bottom: 1px solid #404f51; border-left: 1px solid #404f51; background: #2b3837 url("") no-repeat left center; text-align: left; }
#center {12width: 1000px; height: 273px; padding: 0px; border: 0px; margin-left: auto; margin-right: auto; float: center;}
#header {width: 1000px; height: 250px; padding: 0px; border: 0px; margin-left: auto; margin-right: auto; float: center;}
#blockmenu {background:url('/WoS/fonmenu.jpg') no-repeat;width: 270px; height: 250px; margin: 0px; padding: 0px; border: 0px; float: left;}
ФСЕ!
Ссылки в меню замените на свои, это в первом коде
Прикрепления: 9347437.jpg(106Kb)
