Перейти к содержимому



Помогите сделать меню на сайт.

#1 Igor12
Igor12
  • Неактивные
  • 4 сообщений
  • Репутация: -1
0

Отправлено 30 Июль 2013 - 00:10

Здравствуйте! У меня сайт с табличной версткой, меню расположено горизонтально на черном фоне. Как сделать, чтоб слова в меню были белого цвета, а когда наводиш на них мыш, появлялся белый прямоугольник и в нем слово становилось черного цвета? Или, чтоб прямоугольник (кнопка) был по умолчанию, к примеру, серого цвета с словом черного цвета внутри, а когда наводиш на них мыш, появлялся белый прямоугольник, также с словом черного цвета внутри?
Подскажите пожалуйста подробно код, и куда и как его нужно расположить.

 

 

  • 0

#2 Seoshnik
Seoshnik
  • Неактивные
  • 47 сообщений
  • Репутация: 5

Отправлено 30 Июль 2013 - 13:49

Готовый код подсказать не могу. Изучите свойства ссылок и попробуйте самостоятельно решить проблему.
  • 0

#3 fedornabilkin
fedornabilkin
  • Модератор
  • 1 181 сообщений
  • Репутация: 203

Отправлено 02 Август 2013 - 21:12

Это надо прописать правила в стилях при наведении :hover ищи и решится твоя проблема.
Чтобы прямоугольник получился, надо ссылки сделать блочными, залить фон, изменить цвет.
Современные браузеры поддерживают плавное изменение, перетекание цвета. Для этого надо добавить правила transition: .4s; -webkit-transition: .4s; в основной стиль
  • 0

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.





Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
BLIK BLIK 1-й за Ноябрь
Очков активности: 672 0 тем, 32 сообщения, 14 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Totti
    #1

    Totti
    Очков активности: 105 0 тем, 14 сообщений, 5 баллов репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 63 Вне конкурса за определение пользователя месяца

  • Фотография Victim
    #3

    Victim
    Очков активности: 60 0 тем, 8 сообщений, 5 баллов репутации

  • Фотография akmid81
    #4

    akmid81 (biznessystem.ru)
    Очков активности: 57 3 темы, 10 сообщений, 2 балла репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 51 1 тема, 14 сообщений, 2 балла репутации

  • Фотография MattCutts
    #6

    MattCutts (dmitrylee.ru)
    Очков активности: 28.5 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #7

    FIvYUr (moy-evroopt.ru)
    Очков активности: 22.5 0 тем, 15 сообщений, 1 балл репутации

  • Фотография TimurR
    #8

    TimurR
    Очков активности: 15 2 темы, 4 сообщения, 1 балл репутации

  • Фотография Rodiola
    #9

    Rodiola (rukodelkovo.ru)
    Очков активности: 15 Вне конкурса за определение пользователя месяца

  • Фотография kolver
    #10

    kolver
    Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2019
  • Яндекс выдача: 11.12.2019
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru