VSEpodrad.ru

(c_slider.js в папку /js/, c_informer_shadown_bg и c_slider_arrow_bg в папку /images/)

.c_slider_full {margin:0 -20px;}  
*:first-child+html .c_slider_full {overflow:hidden;} /* IE7 */  
.c_slider_top span {height:48px; display:block;position:relative;}  
.c_slider_linkall,  
.c_slider_linkall:link {display:block; position:absolute; left:310px; top:30px; font-size:10px; color:#bccfdf; text-decoration:none;}  
.c_slider_linkall:hover {text-decoration:underline;}  
.c_slider_bottom {width:692px; height:25px; margin:0 auto; background:url(/images/c_slider_top_b.png) no-repeat 0 -48px;}  
.c_slider_cont {height:130px; position:relative; overflow:hidden;}  
.c_slider_arrow_l {width:25px; height:59px; position:absolute; left:20px; top:42px; background:url(/images/c_slider_arrow_bg.png) no-repeat 0 0; cursor:pointer; z-index:20;}  
.c_slider_arrow_l:hover {background-position:0 -59px;}  
.c_slider_arrow_r {width:25px; height:59px; position:absolute; right:20px; top:42px; background:url(/images/c_slider_arrow_bg.png) no-repeat -28px 0; cursor:pointer; z-index:20;}  
.c_slider_arrow_r:hover {background-position:-28px -59px;}  
.c_slider_ocontovka {margin:0 50px 0 53px; padding-top:18px; overflow:hidden;position:relative;}  
.c_slider_shadown_l {width:11px; height:106px; position:absolute; left:0px; top:18px; background:url(/images/c_informer_shadown_bg.png) no-repeat 0 0; z-index:10;}  
.c_slider_shadown_r {width:11px; height:106px; position:absolute; right:0px; top:18px; background:url(/images/c_informer_shadown_bg.png) no-repeat -11px 0; z-index:10;}  
.c_slider_in {position:relative;}  
.c_slider_in li {width:163px; display:block; float:left;}  
.c_slider_in li a {width:153px; height:103px; padding:17px 0 0 3px; display:block; margin:0 auto; overflow:hidden; background:url(/images/c_slider_border_bg.png) no-repeat 0 0;}  
.c_slider_in li a:hover {background-position:0 -106px;}  
.c_slider_text {padding:5px; font-family:Century Gothic; color:#000; text-shadow:0 0 0px #afafaf; text-align:center;}

<script type="text/javascript" src="/js/c_slider.js"></script>  
<div class="c_slider_cont">  
  <div class="c_slider_arrow_l" id="c_slider_arrow_l" title="Назад"></div>  
  <div class="c_slider_arrow_r" id="c_slider_arrow_r" title="Вперед"></div>  
  <div class="c_slider_ocontovka">  
  <div class="c_slider_shadown_l"></div>  
  <div class="c_slider_shadown_r"></div>  
  <div class="c_slider_in" id="c_slider_in" style="visibility: visible; overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 2; left: 0px; width:1467px; ">  
  <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 5216px; left: -1467px; ">  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="http://sevensoft.3dn.ru/" target="_blank" title="Все для Windows 7"><img src="http://sevensoft.3dn.ru/banners/sevensoft.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
<li style="overflow-x: hidden; overflow-y: hidden; float: left; width: 163px; height: 106px; "><a href="САЙТ" target="_blank" title="ОПИСАНИЕ"><img src="http://sevensoft.3dn.ru/banners/Location-Free.png" width="152" height="75" alt="img"></a></li>  
</ul>  
</div>  
  </div>  
  </div>  
  </div>  
<div align="center">  
<div style="width:200px; text-align:center;">  
<a href="ССЫЛКА НА ВАШ САЙТ"><img alt="ОПИСАНИЕ САЙТА" src="ВАШ БАННЕР"></a>  
<div align="center">  
<div class="readon"><a class="button" a title="" onclick="$('#mainbut').slideToggle('slow');" style="cursor: pointer;"><em>Взять код кнопки</em></a></div>  
<div id="mainbut" style="display:none;">  
<textarea class="textbox" style="width: 180px;" rows="6">  
<a href="ССЫЛКА НА ВАШ САЙТ"><img alt="ОПИСАНИЕ САЙТА" src="ВАШ БАННЕР"></a>  
</textarea>  
</div>  
</div>  
</div>