Cкрипт открывающий всплывающее окно

[Four-Art]

Нужен скрипт или пример как реализовать всплывающее окно


Или как вытянуть его с фогейма
Пример сайта с такими окнами

(Больше интересует второй вариант)

[TimeLess]

На jquery легко реализовать всплывающие окошки, например.

Думаю, сможете подогнать окошко под необходимое месторасположение, без лишних сложностей.

[Four-Art]

Спасибо буду пробовать, а как выдернуть с фогейма не подскажите?

[gorodetskiy]

Браузер опера Вам поможет, если умеете пользоваться

[Apoloser]

http://www.fancybox.net/ посоветую
Тьфу картинка ваша не прогрузилась...

[Gattsu]

учить js не модно?
javascript.ru

[Asmodiel]

Зачем его учить, если можно просто на просто склеить свою версию? Автор, тут одним JS не обделаешься. Необходимо знание CSS (может опционально).

[Shayne]

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

[Four-Art]

Зачем его учить, если можно просто на просто склеить свою версию? Автор, тут одним JS не обделаешься. Необходимо знание CSS (может опционально).

Сейчас учу php и css. Знаний мало, с этим я не буду спорить. В процессе возникают вопросы, поэтому обращаюсь за помощью.

[Silvern]

спойлер

Код:

<section class="bGamePanel bGamePanelCommon jsServiceControl jsGamePanel">
<div class="bGamePanelCommon__eInnerWrapper">
<div class="bGamePanelCommon__eTitle bGamePanelFixed__eHiding" style="max-height: 40px">
<div id="bGamePanel__status" data-view-template="bGamePanel__workingModeFault" class="bPartial">
<div class="bGamePanel__eSwitchBtn bGamePanel__eSwitchBtn__mType_Common">
</div>
</section>


.bGamePanelWrap__mShow_Face .bGamePanelCommon {
opacity: 1;
z-index: 12;
}
blocks.css:11223
.bGamePanel {
-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0;
background: url("https://ru.4game.com/b/bGamePanel/gradient-bg.png") 0px 0px repeat-x #1E1E21;
border-radius: 9px;
color: #FFFFFF;
position: absolute;
right: 0px;
top: 0px;
z-index: 11;
}
blocks.css:11352
.bGamePanelCommon {
padding: 20px 20px 5px;
width: 200px;
}
blocks.css:13
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
таблица стилей user agent
section {
display: block;
}


Наследован от div


blocks.css:3398
.bGamePanelFixed__eSideWrapper {
text-align: left;
}


Наследован от div

blocks.css:3387
.bGamePanelFixed {
text-align: center;
}


https://ru.4game.com/global/css/blocks.css