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

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2011-05-01 14:06:25

Knopik
Разработчик
Откуда ufa
Зарегистрирован: 2009-10-14
Сообщений: 353
Рейтинг :   62 
Сайт

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

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

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

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

Стили, для 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 14:15:36)

Не в сети

Подвал раздела

Работает на FluxBB