<div class="navy_banner">    
    <a href="http://csomsk.ru" title="Лучший сайт скриптов для Ucoz"><img src="http://csomsk.ru/_ld/38/87030513.gif" alt="Лучший сайт скриптов для Ucoz"></a> <!-- РЕКЛАМНЫЙ БАННЕР -->    
<br>   
    <!-- ДОП. ССЫЛКИ -->    
    <li><a href="" class="buy">заказать рекламу</a></li>    
    <li><a href="" class="error">сообщить о нарушении</a></li>    
    <!-- =========== -->    
    </div>   
    <style>a.buy {background-image:url(/img/buy.png);background-repeat:no-repeat;padding:0 0 0 17px}    
    a.buy:hover {background-image:url(/img/buy_hover.png);color:#fff}    
    a.error {background-image:url(/img/error.png);background-repeat:no-repeat;padding:0 0 0 17px}    
    a.error:hover {background-image:url(/img/error_hover.png);color:#fff}    

    .navy_banner {    
    background:#444; /* ЦВЕТ РАМКИ БАННЕРА */    
    padding:5px;    
    -webkit-transition:250ms ease; /* ПЛАВНОСТЬ СМЕНЫ ЦВЕТА */    
    -moz-transition:250ms ease;    
    -o-transition:250ms ease; width:468px;   
    }    
    .navy_banner img {    
    width:468px; /* ШИРИНА БАННЕРА */    
    height:60px; /* ВЫСОТА БАННЕРА */    
    border-radius:2px;    
    }    
    .navy_banner li {    
    list-style:none;    
    margin:0;    
    padding:0 5px 6px;    
    display:none; /* ИЗНАЧАЛЬНО ДОП. ССЫЛКИ НЕ ВИДНЫ, поставьте "display:inline" что бы они были видны изначально */    
    border-right:1px solid #0066ff /* ЦВЕТ БОРДЮРА СПРАВА ОТ ССЫЛОК */    
    }    
    .navy_banner li a {    
    text-decoration:none;    
    font-size:13px;    
    color:#ccc; /* ЦВЕТ ССЫЛКИ */    
    }    
    .navy_banner:hover {background:#0099ff} /* ПРИ НАВЕДЕНИИ НА РАМКУ МЕНЯКТ ЦВЕТ, ПЛАВНО */    
    .navy_banner:hover li {display:inline}</style>