как изменить дизайн выпадающего меню

голоса: 0

Необходимо поменять следующие элементы:

1.Цвет заливки

2. буквы поменять на заглавные

3. Изменить размер

4. Возможно изменить шрифт

 

| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Перейдем в файл стилей - http://odenpalto.ucoz.net/css/superfish.css

1. Строка номер 71:

.uMenuRoot ul {
  position: absolute;
  top: -999em;
  z-index: 99;
  padding: 7px 20px;
  display: none;
  moz-box-sizing:content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 130px;
  background: #171717;
  padding: 20px;
}

2. Строка номер 108, делаем заглавные буквы и меняем размер шрифта:

.uMenuRoot li li a {
    text-transform: uppercase; /*Заглавные буквы*/
    display: block;
    font-size: 15px!important; /*Размер шрифта*/
    line-height: 15px;
    display:block;
    background: none;
    font-size: 13px;
    line-height: 15px;
    padding: 0;
    color: #aaa;
    /*border:none;*/
}

шрифт можно прописать так же в строке 108, детали - http://htmlbook.ru/css/font-family

Выделенное красным добавить.

| Автор:
Выбор ответа лучшим | | Автор: Андрей К
...