Next Generation CMS :: Форум поддержки

Knopik

Участник

Откуда: ufa

Здесь с 2009-10-14

Сообщений: 342

Рейтинг :   59 

Сайт

popup или всплывашки

Вопрос поднимал в своём блоге Wolverine в этом посте.

Мне очень понравилась эта идея, решил написать что то подобное, с программной анимацией.
Хочу поделиться с вами. Правда я писал под форум fluxbb , её можно использовать и в ngcms, написав свой css.

всплывашка плавно выезжает из правого нижнего угла экрана. Смотриться красиво, аля юкоз

Стили, для fluxbb, добавить в %style_name%.css

#popup_contener .block {
	position:fixed;
	bottom: -100px;
	right: 5px;
	width: 200px;
	z-index: 9999;
}

конечный результат, глазами браузера.

<div id="popup_contener">
  <div id="mew_msg" class="block">
    <h2 id="mew_msg_title" class="title">
      <span>Заголовок</span>
      <span style="float: right;" id="mew_msg_x">x</span>
    </h2>
    <div id="mew_msg_text" class="box">
      <div class="inbox">
        текст текст текст текст текст
      </div>
    </div>
  </div>
</div>

PS: Я знаю что есть различные jquerry с animate и тд и тп. Просто хотел подучить javascript и всё.

Отредактировано Knopik (2011-05-01 13:15:36)

---

@megaket4up