Место свободно
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вёрстка чёрного меню
bogomolДата: Среда, 09.05.2012, 15:17 | Сообщение # 1
  • 7Game
  • Группа: Администратор
  • Сообщений: 56
  • Репутация: 1
  • Статус:


В блок:

Code
<div class="title_block">Меню сайта</div>  
  <div class="block_message">  
  <div class="block_menu">  
  <ul>  
  <li><span class="st2"><span class="st1"><a href="/" title="Главная">Главная</a></span></span></li>  
  <li><span class="st2"><span class="st1"><a href="/load/" title="Файлы">Файлы</a></span></span></li>  
  <li><span class="st2"><span class="st1"><a href="/publ/" title="Статьи">Статьи</a></span></span></li>  
  <li><span class="st2"><span class="st1"><a href="/photo/" title="Галерея">Галерея</a></span></span></li>  
  <li><span class="st2"><span class="st1"><a href="/forum/" title="Форум">Форум</a></span></span></li>  
  <li><span class="st2"><span class="st1"><a href="http://7game.3dn.ru/" title="Верстка от Markoff !?">Верстка от 7Game.3dn.ru</a></span></span></li>  
  <li><span class="st2"><span class="st1"><a href="http://7game.3dn.ru/" title="Верстка от Markoff !?">Верстка от 7Game.3dn.ru</a></span></span></li>  

  </ul>  
  </div>


В css:

Code
/* 7game.3dn.ru */  
  body {background: #525252}  
  .title_block {background:url(Img/title_block.png); no-repeat; width: 197px; height: 27px; color: #ffffff; font: 11px Tahoma; font-weight:bold;  
  text-align: center; padding-top: 13px; border: 1px solid #000000; border-bottom:none;}  
  .block_message {background:#0f0f0f; width:197px; height: 193px; border: 1px solid #000;}  
  .block_menu {margin: 0 auto; width:193px;}  
  .block_menu ul {display:block; width: 193p; list-style:none; margin-left: -40px; margin-top: 3px;}  
  .block_menu li  { background:url(Img/block_menu.png); no-repeat 0 0; width:193px; text-decoration:none; height:24px;  
  color: #fff; text-decoration:none;}  
  .block_menu li a {font-size:11px;font-family:Tahoma;color:#fff; padding-left: 28px; text-decoration:none; line-height: 23px;}  
  .block_menu li:hover {background-position:0 -26px;color:#e1e3e4;}  
  /* 7game.3dn.ru */
  • Страница 1 из 1
  • 1
Поиск: