Details как сделать два окна

Обновлено: 03.05.2024

Знакомьтесь,

Я хочу рассказать о замечательном элементе и показать несколько примеров его использования, от простых до безумных.

Вам знаком паттерн верстки компонента, который может менять своё состояние с видимого на скрытый:

А теперь забудьте. Существует элемент, который может делать это из коробки. Знакомьтесь —

Базовое применение

Прежде всего давайте посмотрим как этот элемент работает:

Обратите внимание, что пример работает без каких либо дополнительных стилей или JavaScript. Вся функциональность встроена в сам браузер.

По умолчанию видимый текст зависит от настроек языка вашей системы, но его можно изменить добавив в элемент :

Чтобы изменить состояние элемента в html вам достаточно добавить атрибут open

А чтобы управлять состоянием средствами JavaScript предусмотрен специальный API:

Пара слов о доступности

Элемент фокусируемый. То есть передвигаясь по странице с клавиатуры вы попадёте на этот элемент. А вот содержимое может попасть в фокус только если открыт, то есть фокус никогда не попадет на невидимые элементы внутри .

Как правило, программы чтения с экрана хорошо справляются со стандартным использованием и . Существуют некоторые вариации в объявлении в зависимости от программы и браузера. Подробнее.

Примеры использования

Далее я примерно повторю некоторые компоненты из документации bootstrap, но практически без JavaScript.

Изменяем маркер

Первое что вам может понадобится — изменить внешний вид маркера. Делается это очень просто:

Или вы можете скрыть стандартный маркер и реализовать собственный

Collapse Component

Здесь всё просто. Базовый функционал такой же. Нужно лишь немного изменить внешний вид:

Accordion Component

Повторим предыдущий пример, немного изменим внешний вид и получим аккордеон:

Но, как видите, один элемент не закрывается когда открывается другой. Чтобы добиться этого нам понадобится пара строк JavaScript. поддерживает событие toggle . Используя это, можно очень легко отслеживать открытие одного элемента и по этому событию закрывать остальные:

Popover Component

Эта реализация очень похожа на Collapse Component, с той разницей что содержимое имеет абсолютное позиционирование и перекрывает контент.

Dropdown Component

В своей основе это тот же Popover Component. Отличается лишь внешний вид.

Тот же пример, только с отдельной кнопкой

Но у Dropdown Component есть ещё одно важное отличие: по клику за его пределами он должен скрываться. Чтобы реализовать это снова понадобится написать пару строк JavaScript.

Modal Component

И напоследок пример модального окна.

Вообще не лучший выбор для реализации этого компонента. Существует куда более подходящий элемент — , но у него весьма плохая поддержка браузерами.

Ссылки

UPD.
Решил добавить ещё один пример использования — многоуровневая навигация. Ещё раз хочу обратить ваше внимание на то, что пример работает без какого либо JavaScript. И он намного более инклюзивный чем традиционная верстка на .

Details! Damage Meter – один из незаменимых аддонов для PvE и PvP. С его помощью вы можете наблюдать за своим наносимым уроном и исходящим исцелением, а также отслеживать эффективность союзников, которые находятся в одной группе с вами. Но это далеко не все, что может предложить аддон. В этой статье мы предоставим полную информацию о нем, а также расскажем, как скачать Details! Damage Meter для WoW Burning Crusade и установить его.

Содержание:

1. Обзор аддона Details! Damage Meter для Burning Crusade

Details! Damage Meter – это модификация с простым и понятным интерфейсом, которая разработана с целью предоставления возможности собирать и оценивать статистику боя в рейдах, подземельях и на полях боя. Аддон позволяет отслеживать:

• Сколько урона нанес ваш персонаж или союзник;
• Насколько эффективно исцеление вашего персонажа или союзника;
• Кто и сколько раз использовал рассеивание отрицательных эффектов (диспел);
• Такие важные моменты как:
  • Сбитие контроля;
  • Смерти;
  • Кулдауны;
  • Время действия положительных/отрицательных эффектов;
  • Ресурсы (мана, ярость, энергия);
  • Зелья и прочее;

  Дополнительные функции Details! Damage Meter:

  • создание аур (требуется WeakAuras);
  • список заклинаний;
  • скрипты;
  • макросы;
  • коды.

  Отдельно стоит сказать, что Details совместим с Plater Nameplates. После установки этой модификации в меню Details! Damage Meter появятся дополнительные настройки для шрифта.

  Обратите внимание: вы можете создавать несколько окон с отображением той или иной статистики. Например – одно окно с информацией о нанесенном уроне, а второе – с данными о входящем исцелении. Все окна независимы и могут перемещаться в любую часть экрана.

  Также вас, возможно, заинтересуют следующие функции:

  • Отслеживание информации, кто нанес первый удар боссу;
  • Отображение данных об использовании зелий членами группы;
  • Уведомления о смерти союзника;
  • Отслеживание и оповещение о кулдаунах (чаще всего используется целителями и танками);
  • Ведение гильдейской статистики урона и исцеления. Все члены гильдии имеют доступ к этой информации при условии установленного у них аддона Details! Damage Meter;
  • Оповещения о выполненных прерываниях (отправляются в чат группы/рейда);
  • Настройка имен членов группы. При изменении ника союзника в настройках аддона его новый никнейм будут видеть все, у кого есть Details! Damage Meter.

  2. Инструкция по использованию Details! Damage Meter

  После установки аддона при следующем входе в игру вы увидите окно статистики. В его верхней части находится панель со значками быстрого доступа к тем или иным функциям Details! Damage Meter.

  
  

  Ниже мы опишем каждую из них:

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

  
  

  Если вам нужно посмотреть подробную информацию о конкретном игроке, выберите его из списка и кликните ПКМ по его нику.

  Чтобы создать дополнительное окно Details! Damage Meter, наведите курсор на значок настроек, перейдите во вкладку «Управление окном» и выберите «Создать новое». Закрыть дополнительное окно можно через это же меню. Только вместо «Создать новое» выберите «Закрыть это окно».
  

  3. Изменение внешнего вида Details! Damage Meter

  Одна из главных особенностей аддона Details! Damage Meter – возможность изменения внешнего вида окон со статистикой. Чтобы приступить к настройке, введите в чате команду /details options. После этого откроется меню со всевозможными опциями, например:

  • полоски текста;
  • обои окон;
  • заголовки;
  • скины и прочее.

  Выбрав нужный пункт, справа вы увидите список доступных настроек.

  
  

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

  4. Дополнительные модули для Details! Damage Meter

  Для Details! Damage Meter создано множество различных модулей, которые расширяют его возможности.

  У каждого из плагинов свои функции, например Time Attack ведет статистику вашего личного урона в определенный отрезок времени и сохраняет результаты, чтобы в будущем вы могли их сравнить. Это очень полезно, если игрок еще не определился с тем, какая специализация лучше всего или какой комплект брони больше всего влияет на характеристики его персонажа.

  Список доступных для установки модулей и ссылки на их скачивание вы найдете в настройках Details! Damage Meter (раздел "Options" -> Плагины).
  

  5. Взаимодействие Details! Damage Meter с WeakAuras

  Details! Damage Meter совместим с большинством аддонов, включая WeakAuras. Если у вас установлены обе модификации, вы получите доступ к дополнительному разделу в настройках Details.

  В разделе «Weak Aura» есть инструменты для создания собственных аур, включение/выключение информации о конкретных боссах и способностях игроков и многое другое. Это значительно упрощает покорение PvE контента и будет полезно PvP-шерам.
  

  6. Установка Details! Damage Meter и дополнительных модулей

  После того, как вы скачаете по ссылке ниже архив с файлами аддона Details! Damage Meter для WoW Burning Crusade, вам нужно:

  1. Распаковать его в любую папку;
  2. Переместить содержимое архива по пути . /_classic_/Interface/Addons;
  3. Войти в игру и активировать аддон в списке модификаций (в меню выбора персонажа).

  Чтобы установить дополнительные модули, сделайте следующее:

  1. Скачайте архив с файлами нужного дополнительного модуля с нашего сайта;
  2. Распакуйте его содержимое в любую папку;
  3. Переместите папку с доп. файлами по пути . /_classic_/Interface/Addons.

  После этого ядро Details! Damage Meter самостоятельно обнаружит новые файлы, и опции с их настройками появятся в главном меню аддона.
  

  Полистал форум, темы подобной не нашел.
  Хотелось бы узнать, как запустить игру в два окна? Кто как и с помощью каких программ запускал?

  
  

  
  

  Два окна - два компа.
  А если серьезно, можно попробовать через песочницу, думаю запустится, но вот вопрос - зачем оно надо в айоне?

  
  

  без каких либо программ все работает.
  на ру - запускаеш 1 клиент, убиваеш порцесс аен*бин и запускаеш 2ой клиент.
  на евро - воткнуть галку в своствах лаунчера что можно несколько клиентов.

  
  

  
  

  
  
  
  
  

  
  
  
  
  

  
  

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

  Cake is a lie .
  

  
  

  
  

  Спасибо за ответ Ariola
  у меня win7 x64, убивать .бин процесс или экзешник?

  А по поводу вопроса о двух окнах
  Платиновые медали как заливать соло игроку? На оранж пушку или фул бижу достаточно большое количество их требуется, поэтому одно окно - асмо твинк для залива медалей (син в моем случае), а в другом основной чар

  
  

  тот который меньше оперативки занимает.
  п.с. медали проще если ты дпс порсто боса побить и с осадным оружием если ты саппорт, и так и так 2-3 получиш

  тот который меньше оперативки занимает.
  п.с. медали проще если ты дпс порсто боса побить и с осадным оружием если ты саппорт, и так и так 2-3 получиш

  Дер не всегда прилетает на крепости. Случается, что захватываем крепость надолго. Пример асмо расы на Делике: держат крепости уже две недели или больше.

  я ничего не убивал, (далее актуально для РУ) при загруженном клиенте переходишь в запускатр и делаешь релог на другой аккаунт. Вуаля.

  [GW2]: Blacktide Norn Necromancer бездомный

  
  

  
  

  С последнего обновления можно 2 окна безнаказанно, но нет возможности более 2ух, так что актуальна осталась только песочница.

  
  

  С последнего обновления одному человеку в два окна практически нереально сделать себе платину, жаря твинка ;)

  
  

  С последнего обновления одному человеку в два окна практически нереально сделать себе платину, жаря твинка ;)

  
  

  Чтобы получить платину, нужно получать ап внутри замка, а не так как раньше. И тут либо ты сольешься на толпу вечно-лагающих-при-"виде"-вражеского-сина-луков-и-синов пока зальешься сам (я имею ввиду способ, когда ты несколько раз прибегаешь сином через полкарты к воротам замка), либо придется брать в пати человека, который будет убивать твинка неподалеку от замка (в то время, как ты сам будешь находиться внутри и получать половину ап). По-крайней мере на нижнем замке в ингисоне все так и обстоит. Во втором случае для залива нужно минимум три окна.

  Марат Хайрулин, эксперт Microsoft в России, продолжает исследовать нюансы работы с несколькими задачами и рассказывает о совмещении окон и разделении экрана, о вашей личной машине времени для сайтов и документов, и о реальной пользе виртуальных столов.

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

  
  

  Переключение по-старому и по-новому

  Переключение между приложениями – наверное то, что большинство из нас делает «на автомате», и никого, конечно, не удивит сочетание клавиш Alt + Tab. Но если одновременно нажать также и Ctrl (то есть Ctrl + Alt + Tab), то эта комбинация зафиксирует меню со всеми открытыми окнами на экране и позволит выбрать нужное приложение одним кликом мыши или касанием пальца (выбрать окно можно также с помощью стрелок на клавиатуре, а открыть – с помощью Enter). Может быть полезно, когда у вас открыто много окон.

  Чуть менее известное, но тоже классическое сочетание клавиш Windows + Tab дает больше возможностей, чем кажется на первый взгляд.

  Нажимая эти клавиши в актуальных версиях Windows 10, мы попадаем в раздел «Представление задач». Здесь можно не только переключаться между приложениями, но и воспользоваться «Временной шкалой» и «Виртуальными рабочими столами». К слову, вместо горячих клавиш вы можете кликнуть по кнопке «Представление задач» (обычно она расположена рядом с кнопкой «Пуск») или провести пальцем от левого края к центру сенсорного экрана. Кстати, если у вас современный ноутбук – попробуйте жест для тачпада: проведите по нему тремя пальцами вверх.

  
  

  
  Режим Представление задач

  «Временная шкала»

  «Временная шкала» появилась в Windows 10 два года назад. Она помогает вернуться к задачам, над которыми вы работали ранее на вашем компьютере. При необходимости вы также сможете синхронизировать ее и с другими устройствами с вашей учетной записью*.

  Для меня «Временная шкала» стала своеобразной машиной времени. Работа над многими проектами длится несколько дней. И если, допустим, в прошлую пятницу я работал с определенными сайтами и документами, вернувшись к этому проекту в среду, я смогу легко восстановить картину. Я просто отмотаю шкалу до нужной даты – той самой пятницы, увижу и смогу открыть те самые сайты и документы, в которые я тогда был погружен.

  
  

  
  Поиск на Временной шкале

  Поиск на «Временной шкале» тоже не раз меня выручал. В отличие от обычного поиска по файлам, я смогу искать не среди всех документов на устройстве (а их может быть очень много), а именно среди тех, с которыми я работал в последние дни. Возможно, вам знакомо сочетание Ctrl + F, запускающее поиск в Проводнике и во многих приложениях. Эта комбинация сработает и на экране «Представление задач»: то есть можно нажать сначала Windows + Tab, а затем – Ctrl + F и ввести искомое слово для поиска по «Временной шкале».

  Виртуальные рабочие столы Windows 10

  Концепция виртуальных рабочих столов далеко не нова. Если говорить о Windows, то одним из вариантов их использования была утилита Desktops, которую когда-то (последняя версия вышла в 2012 году) разработал Марк Руссинович. В Windows 10 виртуальные рабочие столы встроены в систему и помогают разделять потоки задач, переключаться между ними.

  Если раньше вы не работали с виртуальными столами, для понимания их логики представьте такую аналогию: вам доступно несколько мониторов, на каждом вы можете открыть нужные программы, разделив их по рабочим потокам, например: на одном мониторе – работа с почтой и календарем, на другом – работа с несколькими документами Word, а на третьем – работа с браузером и OneNote. В каждый момент вы смотрите только на один монитор (виртуальный рабочий стол) со своим набором приложений. А переключаясь между виртуальными столами, вы как будто переводите взгляд с одного монитора на другой.

  
  

  
  Перетаскивание окна для переноса его на новый виртуальный рабочий стол

  Создать новый виртуальный рабочий стол можно на экране «Представление задач»: нажмите Windows + Tab и перетащите нужные окна открытых приложений на поле с надписью «+ Создать рабочий стол», и они будут перемещены на другой виртуальный рабочий стол. Можно также создать новый, пустой виртуальный стол (Windows + Ctrl + D) и уже затем открыть на нем нужные программы.

  «Переводить взгляд» (то есть переключаться между настроенными рабочими столами) можно, выбирая нужный стол на экране «Представление задач», но намного удобнее переключаться с помощью горячих клавиш: Windows + Ctrl + стрелки вправо/влево, а на современных тачпадах – 4 пальца влево или вправо.

  Полезные решения для работы с несколькими приложениями

  Теперь еще об одной повседневной необходимости – работе с несколькими приложениями одновременно.

  Разделение экрана

  Первой возможности, о которой хочу напомнить, уже много лет, и в первоначальном виде (под названием Aero Snap) она появилась еще в Windows 7. В Windows 10 ее возможности расширили и назвали Snap Assist. Речь про разделение экрана для закрепления двух (а в Windows 10 – до четырех) приложений.

  
  

  
  Snap Assist предлагает выбрать второе окно для закрепления справа

  Чтобы это сделать, нужно взять приложение за самую верхнюю полоску, поднести его к правой или левой границе экрана до появления на экране его «тени» и отпустить (тем самым, закрепив первое приложение), а затем в появившихся рядом миниатюрах других приложений выбрать второе для закрепления рядом. Сценарий несложный, работает и для мыши, и для пальца. Еще проще это можно сделать с помощью сочетания клавиш Windows + клавиши со стрелками вправо/влево. Этому сочетанию уже больше 10 лет, но у тех, кто применяет его впервые, и сейчас порой возникает ощущение «цифровой магии».

  Любознательным пользователям также напомню, что в Windows 10 можно отправлять приложение в «четвертинку» экрана, перенеся его в угол (или используя дополнительно клавиши Windows + стрелки вверх/вниз). При закреплении двух приложений можно перемещать границу между ними, выделяя какому-то из приложений больше места. Чтобы выбрать приложения для закрепления на экране, можно кликнуть правой кнопкой мыши по их миниатюрам на экране «Представление задач».

  Окно поверх

  У меня было довольно мало ситуаций, когда требовалось закреплять окно одного приложения поверх другого (кажется, на телевизорах подобное называлось режимом «картинка в картинке»), но если у вас такая необходимость возникает, напомню в завершение заметки о двух небольших возможностях.

  Мини-режим встроенного видеоплеера (приложение «Кино и ТВ», которое воспроизводит видео в Windows 10 по умолчанию). Запустите видео и нажмите на небольшую кнопку в правом нижнем углу (Воспроизвести в мини-режиме), окно с видеороликом будет размещено поверх всех окон.

  
  

  
  Видео в режиме Окно поверх

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

  
  

  Вам нужно открыть сразу два окна на рабочем столе. Посмотрите два самых простых способа, как это сделать и выберите тот, который Вам больше нравится.

  Если у вас появилась необходимость одновременно поработать на компьютере с двумя окнами

  то возникает вопрос, как открыть сразу два окна?

  Если оба окна находятся в поисковой строке

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

  Наведите курсор на это окно в поисковой строке и левой кнопкой мыши потяните его вниз, как бы выдергивая эту вкладку в самостоятельное окно. Можно, при необходимости, сразу же изменить его размеры, сузить или расширить и продолжить работу с этой вкладкой, как с отдельным окном.

  
  

  Те же самые действия проделайте с другой вкладкой

  где открыт нужный вам документ.

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

  Вот вам и удалось открыть два окна браузера рядом друг с другом и это поможет вам в работе.

  Например в одном окне вам нужно что-то скопировать, вы копируете, переносите в другое окно и там вставляете.

  Или другой пример - скриншот

  Предположим вам нужно что-то переписать с одного окна, вы делаете скриншот этого окна, ставите рядом другое и спокойно переписываете все, что вам необходимо, на другое окно.

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

  Этот способ открывания двух окон, заключается в следующем.

  Вы открываете на экране монитора одно из окон

  которое вам нужно установить слева или справа, нажимаете кнопку WIN, на клавиатуре и одновременно с этим нажимаете на одну из стрелочек перемещения.

  
  

  (WIN + >влево) - при этом открытое на экране окно займёт левую сторону экрана.

  Далее, нужно действовать по первому способу

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

  Точно так же перетаскивайте окно левой кнопкой мыши

  и поставьте его на экране хоть куда или верните на место, да в общем, делайте с ним что угодно.

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

  Читайте также:

    
  • Линолеум акцент про 100007 3м
    
  • Какой пол выбрать девушке
    
  • Чтобы выложить пол в ванной потребуется 108
    
  • Раздвижные двери для гардеробной с установкой
    
  • Расход бетона на сваи буронабивные