Рейтинг темы:
  • 0 Голос(ов) - 0 в среднем
  • 1
  • 2
  • 3
  • 4
  • 5
верстка
#1
кто может за беспл верстануть менюшку для сайта(верхнее)
Ответ
#2
Код:
<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About us</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Contact us</a></li>
    <li><a href="#">FAQ</a></li>
</ul>

Код:
*{
    margin:0;
    padding:0;
}
.page{
    margin:0 auto;
    width:995px;
}
ul{
    list-style:none;
    width:100%;
    height:40px;
    background:#000 url(images/bg-nav.gif) top left repeat-x;
}
ul li{
    float:left;
    border-right:1px solid #333;
}
ul li a{
    display:block;
    height:40px;
    padding:0 35px;
    float:left;
    text-transform: uppercase;
    font:70%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
    color:#fff;
    text-decoration:none;
    text-align:center;
}
ul li a:hover,
ul li.active a{
    background:url(images/bg-button.gif) top left repeat-x;
}
Ответ
#3
неее, у меня есть картинка меню, и нужно сверстать значения, а я хз сам не смог разобратся

Код:
.top-menu { width:100%; height:54px; background:url('../images/menu-bg.png') top center no-repeat; position:relative; }
.top-menu ul { width:953px; margin:0px auto; }
.top-menu ul:after { content:""; clear:both; display:block; }
.top-menu ul li { float:left; }
.top-menu ul li a { display:block; height:43px; background:url('../images/menu-sprite.png') no-repeat; }
.top-menu ul li .sep { width:3px; height:43px; background:url('../images/menu-sprite.png') -321px 0px no-repeat; }
.top-menu ul li a:hover, .top-menu ul li a.hover { background:url('../images/menu-sprite-h.png') no-repeat; }
.top-menu ul li a:hover { background:url('../images/menu-sprite-h.png') no-repeat; }
.top-menu ul li a.menu-news { width:100px; background-position:-324px 0px; }
.top-menu ul li a.menu-about { width:117px; background-position:-427px 0px; }
.top-menu ul li a.menu-stats { width:132px; background-position:-547px 0px; }
.top-menu ul li a.menu-donate { width:157px; background-position:-682px 0px; }
.top-menu ul li a.menu-bonus { width:150px; background-position:-842px 0px; }
.top-menu ul li a.menu-rules { width:97px; background-position:-995px 0px; }
.top-menu ul li a.menu-files { width:81px; background-position:-1095px 0px; }
.top-menu ul li a.menu-forum { width:91px; background-position:-1179px 0px; }

Добавлено через 1 час 7 минут
там поменять впринципе width:
Ответ


Возможно похожие темы ...
Тема Автор Ответы Просмотры Последний пост
  [Продам] PSD+Верстка alovat 0 1,804 10-27-2015, 02:45 PM
Последний пост: alovat
  Продам верстка сайта+PSD L2Banners 13 5,691 10-21-2015, 07:03 PM
Последний пост: L2Banners
  [Шара]PSD+Верстка Line2Age [Shadow] 0 1,871 01-09-2015, 06:26 PM
Последний пост: [Shadow]
  Верстка таблицы вывода онлайна Four-Art 11 2,770 01-07-2013, 02:09 PM
Последний пост: Four-Art
  Нужна вёрстка Luger 0 1,244 12-30-2012, 08:48 PM
Последний пост: Luger
  Верстка из ПСД прогой? ruslanback 9 2,824 10-27-2012, 01:30 PM
Последний пост: ANZO
  Верстка Open-Shadow 0 1,746 07-18-2010, 02:46 AM
Последний пост: Open-Shadow

Перейти к форуму:


Пользователи, просматривающие эту тему: 1 Гость(ей)