sidebar

sidebar

Итак прошлом курсе мы с вами добавили картинку в шапке если вы пропустили урок или не нашли то вот Ссылка 

Ну что продолжим, сегодня мы с вами на правом колонке, добавим меню и не толька, как вы видели на файле index.html  запустите и вы увидите с правой стороны колонку.

.

Теперь мы с вами удаляем надпись на латинском , aside пишем меню и ставим  вот пример <b>меню</b>.У вас как напишете то у вас могут возникнуть проблемы что ничего не поменяется,как исправить, открываем фал  style.css с левой кнопкой мыши смотрим код выше находим  b, удаляем после этого не забудьте сохранить.

Переходим опять index.html и если она у вас запущена то проста обновите страницу, дальше нам нужно меню нужно установить в центер как сделать я вам покажу код ниже можете скопировать и установить в правую колонку.

 

Сделайте как в коде, и тут мы с вами должны поменять свет надписи меню заходим style.css с левой кнопкой мыши смотрим код  находим .right-sidebar и ниже между скобками ставим цвет  color: #fff; чтоб вас не затруднять я покажу код ниже

.

Как вы всё сделали правильно то у вас должно получиться, и если у вас не получилось то я советую ещё раз  советую пересмотреть, где вы допустили ошибку.

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

Хочу сразу предупредить <h1> <h2> и <h3> в папке style.css на самом верху удалите h1, h2, h3 и не забудьте сохранить и тогда вы сможете просмотреть страницу после перезапуска браузера, как у меня нижа.

     

Вот так должен выглядит ваше меню можно в меню убрать черту линии, всё происходит в файле  style.css   a { text-decoration: none; /* Отменяем подчеркивание у ссылки */ }

Ну что ребята если кто понял кому помог я проста рад следующий курсе добьем подвал, пишите комментарии подписывайтесь на мой блог.

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Комментариев: 1
  1. Света

    Спасибо за информацию было очень интересно!

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: