Перейти к содержанию
Absalem

Как "просмотреть код" верстки в выпадающем меню?

Рекомендуемые сообщения

Здравствуйте! Знаю, что вопрос тупой, но в интернете не могу найти информацию (

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

И я никак не могу понять, как можно провернуть нечто похожее с выпадающими меню! Оно выпадает - я жму "Посмотреть код" - оно исчезает и я вижу код других элементов страницы.

Подскажите, пожалуйста, как можно посмотреть код выпадающих элементов в меню, чтобы они не исчезали  при просмотре?

 

Ещё раз простите за глупый вопрос, но я очень страдаю без этого знания)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Вот картинка, может понятнее будет.

 

111122.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

<div id="menu">
  <ul>
    <li>
      <a href"#">Ссылка в меню 1</a>
    </li>
    <li>
      <a href"#">Ссылка в меню 2</a>
    </li>
    ***
    <li>
      <a href"#">Ссылка с выпадающим списком</a>
    <div>      <----------  Вот у этого div убрать display:none, либо в element.style добавить display:block
      <ul>
        <li><a href="#">Ссылка внутри выпадающего меню</a>  
      </ul>  
      </div>  
    </li>     
    ***
    <li>
      <a href"#">Ссылка в меню 4</a>
    </li>    
  </ul>

 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Когда щелкаете Просмотреть код на элемент выпадающего меню, в открывшейся панели хрома справа во вкладке Styles вверху написано Filter  :hov - щелкаем на :hov и отмечаем галочку :hover, это имитирует событие наведения мышью - не знаю, что вы там именно не можете посмотреть, но может помочь, в некоторых случаях.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 18.02.2017 в 14:31, cloudrc сказал:

Спасибо, способ работает!



    <div>      <----------  Вот у этого div убрать display:none, либо в element.style добавить display:block

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 18.02.2017 в 14:43, efremovav сказал:

Когда щелкаете Просмотреть код на элемент выпадающего меню, в открывшейся панели хрома справа во вкладке Styles вверху написано Filter  :hov - щелкаем на :hov и отмечаем галочку :hover, это имитирует событие наведения мышью - не знаю, что вы там именно не можете посмотреть, но может помочь, в некоторых случаях.

 

В некоторых случаях действительно помогло :) Большое спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От kolek5520
      Нужно сделать вертску popup регистрации Simple под шаблон Journal3
      Так же в popup необходимо добавить иконки соцсетей для авторизации (модуль)
      С предложениями в личку
       
       
    • От Iskander16
      Привет. Нужны небольшие правки в дизайне сайта на OpenCart: 

      1) Добавить отображение нескольких фото для товара (исправить, сейчас так – ribachok24.ru/index.php?r... 
      Добавить остальные фото под основное фото – ibb.co/z7KbJrX 
      2) Исправить фильтры. Например, по моделям. Сейчас выглядит так – ibb.co/M8KYVzy 
      Их добавить в рядом с сортировкой "По цене"
      Цена 800р, по времени - пару часов.
    • От bark4ss
      Есть дизайн
      https://www.figma.com/proto/RoraeCr7LufIW5O9TkOMcTpn/Doremi?node-id=1%3A2&amp;scaling=scale-down
      Дизайн адаптивный. Отрисован для десктопа и мобилы
      Необходимо верстка+программирование+наполнить сайт товарами.
      Ваш сайт/портфолио ссылку.
      Предпочтение отдается по релевантности:
      1) Нахождение команды в г.Минск
      2) Способ оплаты - безнал. 50/50 - предоплата/по факту. Если вы выполняете раньше утвержденного срока, то оплата +2% от общей стоимости работ за каждый день. При выходе за сроки выполнения -3% от общей стоимости работ за каждый день.
      3) % выполнения пунктов по ТЗ.
      3) Время выполнения
      4) Стоимость выполнения.
      Просьба, писать по делу. Идет выбор разработчика. Выбор необходимо сделать до 02 ноября 2018г.
      ТЗ-верста+программирование.txt
    • От Yarilo
      Добрый день! У нас есть проблемы вёрстки на шаблоне у страниц категорий. Может кто сталкивался с этим и знает как лечиться такая проблема? Верстальщики пока не знают как избавиться от этого. После полной загрузки страницы, всё становиться нормально. Но посетителей это явно пугает.

    • От litehill
      Добрый день!
      Нужен человек который сможет изменить визуальную часть сайта касательно меню.
      Внешнего вида на мобильной версии. Нужно переделать меню а именно. 
      Вставить его в шапку сайта, пример http://prntscr.com/l7iy63
      функционал открывания меню, оставить тот что и есть сейчас. По сути изменить визуальную часть.
      как на скрине.
      http://prntscr.com/l7iy63
      Это касается только мобильных версий начиная от планшета
      Мой сайт: https://empirebags.com.ua/
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.