Как изменить шрифт и стиль в меню сайта?

голоса: 0

Скажите пожалуйста, как изменить шрифт и стиль  на линейке?

 

Адрес сайта http://vkinohd.com
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1

1. Шрифт в стилях - http://vkinohd.com/css/style.css строка номер 46:

.top-menu-link {
            font-size: 15px;
            float: left;
            height: 51px;
            color: #fff;
            margin: 0 40px 0 0;
            line-height: 51px;
        }

2. стиль в строке номер 30, 41-58:

.top-line {
    background: url(/images/top-line.png);
    border-bottom: 1px #40233f solid;
}

.top-menu {
        position: relative;
        height: 51px;
    }

    .top-menu-link {
            float: left;
            height: 51px;
            color: #fff;
            margin: 0 40px 0 0;
            line-height: 51px;
        }
        
            .top-menu-link:hover {
                color: #d3428e;
                text-decoration: underline;
            }

меняйте, что нужно, так же открою вам секрет работы с дизайном сайта, изучайте инструмент под название Инспектор кода, в браузере работая у себя на сайте, вам нужно изменить определенный элемент, наводим мышь на него, нажав правой кнопкой мыши выбираем пункт Инспектор кода(Инспектировать элемент), после сможете писать стили и примерно понимать, что и где и для чего редактируется.

  • Советовал бы ознакомиться с материалом - здесь, вопросы вы часто задаете, но стоит уже и начинать изучать HTML.
| Автор:

Юра, поясните пожалуйста 

.top-line {
    background: url(/images/top-line.png);
    border-bottom: 1px #40233f solid;
}

.top-menu {
        position: relative;
        height: 51px;
    }

    .top-menu-link {
            float: left;
            height: 51px;
            color: #fff;
            margin: 0 40px 0 0;
            line-height: 51px;
        }
        
            .top-menu-link:hover {
                color: #d3428e;
                text-decoration: underline;
            }

 

За что отвечает каждый из этих блоков? Чтобы я с ориентировалась, а то мне немного не понятно.

Я не поняла, где мне найти этот Инспектор кода?

Oksana Spivak,
  1. Первый блок за фон и бордер в меню сайта.
  2. Второй за высоту меню сайта(полоски).
  3. Третий за кнопки в меню сайта, высоту, цвет ссылок.
  4. Четвертый за цвет ссылок при наведении в кнопках.
  5. Если не поняли что такое инспектор, значит вы не читали материал по ссылке, дополнительно здесь объяснять нет надобности так как нужно захотеть что-то изучить, захотите, поймете, а не чтобы за вас постоянно что-то делали. Вы мне говорили хотите изучить, так изучайте, на инспектор я вам дал ссылку на инструкцию, могу еще посоветовать сайт:
  • http://htmlbook.ru/ перейдя по ссылке, выше в меню найдете вкладки HTML и CSS переходим и изучаем, это огромная база по html и css, захотите изучить, много информации необходимой найдете.
Yuri_Geruk,
Юра, спасибо. Буду изучать. Даже не знаю, овладею ли я этой наукой. )) Для меня это тёмный лес...))  Юра, подскажите пожалуйста. К примеру, я хочу перенести логотип вверх сайта. Как правильно должен называться код, чтобы это осуществить?  И что касается поиска, чтобы была корректный отбор на что мне обратить внимание? Это должно быть в HTML или CSS.
...