Уважаемые пользователи, когда то я задалась вопросом как сделать красивое навбар меню. И получила ответ от наших гурушников за что им спасибо. Сейчас я расскажу новичкам как сделать выпадающее, или же простое меню.
Много кнопок здесь!
Как же их установить???

PHP Code:

<div class="menu">
    <ul>
        <li><a href="#">Ссылка</a></li>
        <li><a href="#">Ссылка</a></li>
        <li><a href="#">Ссылка</a></li>
        <li><a href="#">Ссылка</a></li>
        <li><a href="#">Ссылка</a></li>
        <li class="right">
            <form>
                <input type="text" value=""/>
            </form>
        </li>
    </ul>
</div> 


В шаблон navbar
В архиве будет файл style.css
Все содержимое добавляем> админка>управления стилями>Стиль>Основная таблица CSS>Дополнительные определения CSS>вписываете в самый низ текст из style.css
По возможности выложу свои работы с кнопками.

limonina добавил 14.02.2013 в 22:09
Если у Вас не отображает картинки делаем следующее:

PHP Code:

.menu {
    background: #000 url(ПУТЬ К КАРТИНКЕ) repeat-x top left;
    padding: 0 15px;
}
    .menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
        .menu ul li {
            float: left;
            border-right: 1px solid #ccc;
        }
            .menu ul li a {
                font: bold 13px Tahoma, Arial;
                text-transform: uppercase;
                color: #fff;
                padding: 5px 10px;
            }
                .menu ul li a:hover {
                    background: #000;
                    color: #ccc;
                } 


В Дополнительные определения CSS

Разделом ошиблись...

Увидела, надеюсь модераторы перенесут.

Не совсем понятно, зачем здесь:

PHP Code:

        <li class="right">
            <form>
                <input type="text" value=""/>
            </form>
        </li> 


Originally Posted by AleX

Не совсем понятно, зачем здесь

Просто поле ввода

Originally Posted by AleX

Не совсем понятно, зачем здесь:

Это HTML 72 level + css 58 level