Jump to content

Сергей 51

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by Сергей 51

  1. Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили. Буду благодарен за помощь!
  2. Спасибо! Более менее помогли разобраться. а не подскажите еще в след.вопросе: Есть готовое меню. Как сделать, чтобы при переходе по Выбранному пункту меню, он был окрашен. Т.е. чтобы цвет на нём зафиксировался, и не пропадал, пока не переду в другой пункт. Вот ссылка сразу для онлайн правки: https://jsfiddle.net/zzvewxhw/ Там и html и css стили.
  3. Можно для тугих(как я) показать на примере конкретном: Вот так чтобы получилось: Бытовые пункт1 пункт2-->подпункт 1 подпункт 2 Вот код: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a></div></div>Вот стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-linear-gradient(top, #027bb5 0%, #015b9b 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #027bb5 0%,#015b9b 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #027bb5 0%,#015b9b 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027bb5', endColorstr='#015b9b',GradientType=0 ); /* IE6-9 */}#menu .container {width: 925px;margin: 0 auto;}#menu a {display: inline-block; text-decoration: none; padding: 10px 15px; color: #fff; font-size: 12.5pt;}#menu a:hover {background: #161e84; /* Old browsers */background: -moz-linear-gradient(top, #161e84 0%, #003056 101%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #161e84 0%,#003056 101%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #161e84 0%,#003056 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161e84', endColorstr='#003056',GradientType=0 ); /* IE6-9 */ border-radius: 7px;}Как правильно прописать в коде? И что исправить/добавить в стиле нужно?(и так чтобы сохранилось горизонтальное меню,как оно есть сейчас)
  4. Это то понятно общее! У меня сложность как правильно вставить в моё!? Что где подправить (html и в style) !?
  5. Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-linear-gradient(top, #027bb5 0%, #015b9b 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #027bb5 0%,#015b9b 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #027bb5 0%,#015b9b 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027bb5', endColorstr='#015b9b',GradientType=0 ); /* IE6-9 */}#menu .container {width: 925px;margin: 0 auto;}#menu a {display: inline-block; text-decoration: none; padding: 10px 15px; color: #fff; font-size: 12.5pt;}#menu a:hover {background: #161e84; /* Old browsers */background: -moz-linear-gradient(top, #161e84 0%, #003056 101%); /* FF3.6-15 */background: -webkit-linear-gradient(top, #161e84 0%,#003056 101%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, #161e84 0%,#003056 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161e84', endColorstr='#003056',GradientType=0 ); /* IE6-9 */ border-radius: 7px;} Помогите подправить его, и преобразовать в выпадающее меню с 2 уровнями. Например: Бытовыепункт 1пункт 2-->подпункт№1пункт 3 подпункт№2 А там уже на вашем примере сам его доделаю. Буду благодарен за помощь!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy